Return to previous page

Custom css “add to cart button” 1 column grid

This topic has 4 replies, 3 voices, and was last updated 7 months, 2 weeks ago ago by Andrew Mitchell

Kombajn88

Participant

April 8, 2024 at 22:21

hello,

I added custom css “add to cart button”. While it works great on columns grid 2-6, 1 is kind of different. I can’t find the class id for this element, or after adding it to the css it doesn’t work.

I am attaching a picture to better illustrate, on the left is the add to cart button I custom added on 2-6.

How can I add the same button to 1 grid column?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#390716 Copied Theme version: 9.3.3

3 Answers
Kombajn88

Participant

April 8, 2024 at 22:32
By the way this item.

How to remove all the animations associated with this button (I mean the one that was originally, because the animations have moved to the new one)
I tried such a code, but it does not completely eliminate the animation (the white 1px pop-up bar at the bottom remains):
```
.active-link:before, .product-view-light .add_to_cart_button:before, .product-view-light .button:before, .product-view-light .product_type_grouped:before, .read-more:before {
    -webkit-transition: none !important;
    transition: none !important;
}
```
Files is visible for topic creator and
support staff only.
#390717 Copied
Luca Rossi

Support staff

April 9, 2024 at 08:38
Hi @Kombajn88,

Please try with this custom CSS instead:
```
@media only screen and (min-width: 993px){
    .products-list .light-left-side {
        display: table-row;
    }
    .products-list .light-right-side {
        margin-top: 10px;
    }
}
```
https://prnt.sc/jQoZqfEhv2i6

Hope it helps!
#390765 Copied
Andrew Mitchell

Support staff

April 9, 2024 at 09:19

Dear Kombajn88,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#390777 Copied
Tagged: add to cart button, custom css woocommerce, customizable ecommerce themes, one column grid themes, responsive woocommerce layouts, wordpress woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘custom css “add to cart button” 1 column grid’' has been successfully resolved, and the topic is now closed for further responses

Custom css “add to cart button” 1 column grid

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection