Return to previous page

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

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

  • Avatar: Bleached
    Bleached
    Participant
    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).

    Questions:
    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,

    Tarryn

    Please, contact administrator
    for this information.
    #339040 Copied Theme version: 8.3.7 WooCommerce version: 6.9.4
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 21, 2022 at 15:56

    Hello,

    1/
    /* 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)

    Regards

    #339081 Copied

  • Tagged: , , , , ,

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

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme

See All Templates

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