Edit and Style the Woo Store Notice Text

This topic has 2 replies, 2 voices, and was last updated 1 years, 3 months ago ago by Tony Rodriguez

  • Avatar: yuvi
    yuvi
    Participant
    September 1, 2023 at 05:41

    Have added a text to the Store Notice.

    Wanted to know how I could change the text size and color of this notice?

    Also there is an option to ‘Dismiss’ this notice. But how can I edit the color of this ‘Dismiss’ text. It seems to be part of the announcement right now. It should look distinct.

    See the screenshot here – https://ibb.co/m0XdXJY

    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 1, 2023 at 06:21

    Hello, @yuvi,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    Should you wish to modify the color and text size of the Store notice, kindly replicate the subsequent CSS code into the designated location: XStore >> Theme Options >> Theme Custom CSS >> Global CSS. Following this, it is necessary to clear your browser cache to visualize the alterations.

    p.woocommerce-store-notice.demo_store {
        font-size: 15px !important;
        background-color: #EBA133 !important;
    }
    p.woocommerce-store-notice.demo_store a.woocommerce-store-notice__dismiss-link {
        color: blue !important;
    }

    The result should look like this: https://postimg.cc/NyFcSs66

    Please be informed that you have the option to modify the font size and color in the subsequent CSS code according to your specific needs.

    We sincerely hope that this information is of assistance to you.

    Best Regards,
    Team 8Theme.

  • 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.