Editing store notice top bar colour and link

This topic has 8 replies, 3 voices, and was last updated 1 month, 1 week ago ago by Tony Rodriguez

  • Avatar: nickporter
    nickporter
    Participant
    December 23, 2025 at 08:46

    Hi is it possible to change the background colour and also add a link in the store notice (top bar)?
    It would also be nice if I could set a display until date.
    I have it set up on the site but it seems to be displaying on all the pages ecept the home page.
    I can’t find any settings to do this
    Thanks
    Nick

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 23, 2025 at 09:29

    Hello @nickporter,

    By default, the notice is not displayed on the home page. However, if you would like it to appear there, you can add the following custom CSS in Theme Options → Theme Custom CSS → Global CSS:

    .home .demo_store {
        display: block !important;
    }

    There are no predefined settings for customizing this notice, but you can use custom CSS such as:

    body .demo_store {
        background: green;
        color: #fff;
    }
    
    body .demo_store a {
        color: red;
        text-decoration: underline;
    }

    Frontend result: https://prnt.sc/nOk1L5RFqLi-

    You can add this custom CSS in the same area mentioned above. If you would like to achieve a specific design, color scheme, or size for the notice, please provide detailed information about your requirements, and we will be happy to assist you.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: nickporter
    nickporter
    Participant
    December 23, 2025 at 12:11

    Thanks thats great I can work it out from there.
    Is it possible to add a Hyper-link to a form?
    Thanks
    Nick

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 23, 2025 at 12:54

    Hello @nickporter,

    Yes, you can create custom content using HTML tags in your Store Notice. For example, you may use the following content:

    Welcome to the new store! Tell us what you think and get 10% off your next order. [Click Here] <a href="#" class="btn btn-active">Custom link</a>

    This will produce the following result: https://prnt.sc/P-COGLYVGwQv

    Alternatively, you can use this content:

    Welcome to the new store! Tell us what you think and get 10% off your next order. [Click Here] <a href="#" class="text-underline" style="color: green">Custom link</a>

    This will produce the following result: https://prnt.sc/KNNZg1dTcrKl

    Please note that if you would like to use the .btn classes in your custom content, these buttons are styled globally according to their types in Theme Options → Styling → Buttons: https://prnt.sc/gLuNIE4TsM4p

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: nickporter
    nickporter
    Participant
    December 23, 2025 at 14:08

    perfect thanks very much.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 23, 2025 at 14:21

    Hello @nickporter,

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind regards,
    Jack Richardson
    The 8theme’s team

    Avatar: nickporter
    nickporter
    Participant
    December 23, 2025 at 14:22

    Thanks for the support! My topic “Editing store notice top bar colour and link” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 23, 2025 at 14:22

    Dear nickporter,

    Thanks for being part of our WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘Editing store notice top bar colour and link’' 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.