Need Help With Add To Cart Button WordPress

[HarlyQueen]

Hello Guys,

I'm Using Firezy theme and have very little add to cart button I wanna replace it with full width add to cart button .
tried using many custom add to cart plugins but the theme is using different funcn for that button I guess please help.

url : ogbmart.com

 

[videva]

Hello Guys,

I'm Using Firezy theme and have very little add to cart button I wanna replace it with full width add to cart button .
tried using many custom add to cart plugins but the theme is using different funcn for that button I guess please help.

url : ogbmart.com

you want to change like this ?


you can add css

ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    width: 95%;
}

.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart::before {
    width: 95%;
}

 

[HarlyQueen]

you want to change like this ?


you can add css

ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    width: 95%;
}

.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart::before {
    width: 95%;
}

Thanks dear ! it works.
im newbie for such customization. want to know how to add css for homepage cart button also. above css only working on shop page.

 

[videva]

Thanks dear ! it works.
im newbie for such customization. want to know how to add css for homepage cart button also. above css only working on shop page.

add this for homagepage

#home_featured_carousel .add_to_cart_button {
width: 100%;
}

#home_featured_carousel .add_to_cart_button::before {
width: 100%;
}

result

 

[HarlyQueen]

add this for homagepage

#home_featured_carousel .add_to_cart_button {
width: 100%;
}

#home_featured_carousel .add_to_cart_button::before {
width: 100%;
}

result

Thanks Got Actual What Needed but overlapping the prices , any suggestion?