Custom css “add to cart button” 1 column grid

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

  • Avatar: Kombajn88
    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.
    3 Answers
    Avatar: Kombajn88
    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.
    Avatar: Justin
    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!

    Avatar: Andrew Mitchell
    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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.