[HELP] Add to cart button

Leo33 · May 16, 2022

I'm using this theme for my website but I don't like the add to cart button and I saw another site that is using the same theme that has the nicer and neater add to cart button. I would like to know the code that the other page use to have that button. Help is appreciated

My web:

Their web:

This is their website: click

xsz · May 17, 2022

Right click on the button > choose inspect > copy the CSS for the button.

For example:

CSS:

button.single_add_to_cart_button.button.alt {
    position: relative;
    z-index: 2;
    padding: 10px 25px;
    background-color: var(--primary-color);
    border-radius: 2px;
    border: none;
    color: var(--primary-b-color);
    font-weight: 400;
    outline: none;
}

Do this for everything you want similar.

TriniFella · May 26, 2022

Better yet, if you use Elementor, you can customize WooCommerce pages completely, even the Add to Cart button.

WooCommerce Builder: Better Than Theme | Elementor.com

With Elementor WooCommerce Builder, you can now design your single product and archive page templates visually and without coding skills.

elementor.com

Make your life simple, use Elementor.

Search

Search

[HELP] Add to cart button

Welcome to Babiato Forum! All Resources are 100% clean and Safe to Use

Leo33

New member

xsz

Well-known member

TriniFella

New member

WooCommerce Builder: Better Than Theme | Elementor.com

Similar threads

Latest posts

Forum statistics

Share this page