How to add CSS code to Add-to-basket button to trigger popup?

This topic has 2 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Rose Tyler

  • Avatar: Bleached
    November 21, 2022 at 11:22

    Hi there,

    Your help and advice is needed – Our business and factory shuts down over December. We want to be able to inform potential clients of this before they go through the shopping cart process and then get annoyed.

    We are using the free version of Popup Maker plugin. We want to add the CSS code to the Add-to-basket button (and potentially, to other buttons too).

    1. Is the code for the Add-to-basket button the same throughout the website?

    2. Do we add the CSS code to the Additional CSS section of the XStore Child Theme?

    Any other information will be greatly appreciated 🙂

    Kind regards,


    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 21, 2022 at 15:56


    /* Add to cart button on archives *\/
    .content-product .add_to_cart_button {}

    /* Add to cart button on single product page & in quick view */
    .single_add_to_cart_button.button {}

    2/ You may add custom CSS in few different places
    2.1/ Customizer -> Theme Custom CSS -> Global CSS (saved in database)
    2.2/ Customizer -> Additional CSS (saved in database)
    2.3/ xstore-child/style.css (saved in file)


  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

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