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, 1 months 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Man Store – 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.