Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Support request] Customize WooCommerce Store Notice

Home Forums Support [Support request] Customize WooCommerce Store Notice

Home Forums Support Customize WooCommerce Store Notice

  • This topic has 9 replies, 3 voices, and was last updated 3 years ago by Leo.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #1198871

    Hello! I would like to make these changes in the store notice of my site (WooCommerce)

    – Change styles like background color, text color etc.

    – By default, the notice appears above the header and top header. I would like it to appear before everything.

    – That the notice is fixed when scrolling.

    Thank you!

    Customer Support

    Hi there,

    The store notice is a feature of WooCommerce plugin itself and GP doesn’t have any control over it:

    Have you checked with their support first?


    Hi leo! Thanks for answering.

    Yes, I have contacted them and they told me that for those types of customizations I would contact the support of my theme.

    Since those are customizations that each theme does through CSS.

    Customer Support

    I’m not sure why they would say that. You can see that the CSS is coming from their plugin directly:

    If you use a twenty series WP theme, you should see the exact same thing as in GP.

    You can overwrite their CSS with the same selector shown in the screenshot.


    And then what should I do?

    They tell me to contact you.

    You tell me to contact them.

    Customer Support

    I would contact them again and show them that this is not controlled by the theme as you see the same thing when using a default twenty series theme.

    The color can be changed pretty easily with this CSS:

    .woocommerce-store-notice, p.demo_store {
        background-color: #000;
        color: #333;

    I had the same problem and I’m sure others do too. The Woocommerce documentation states the location options are determined by the theme – but GeneratePress doesn’t appear to have any ready-made options, so I added some CSS.

    If you want it at the bottom, you could add something like this:

    .woocommerce-store-notice, p.demo_store {
        position: fixed;
        bottom: 0;

    Or, if you want it to appear at the top without order blocking the header, you could shift the nav down slightly and make the notice width ~ 60%

    .woocommerce-store-notice, p.demo_store {
        left: auto;
        right: 0;
        width: 60%;
        padding: .75em 1em;
        text-align: left;
        border-radius: 0 0 0 20px;
    Customer Support


    Thanks for sharing!


    Hey thanks for the solution!

    I too experienced this today having noticed that these options are missing from GeneratePress.

    It does at first seem odd that this is missing from GeneratePres until the issue is explained which makes sense, but then even though it makes sense, it would be great if this could be added as a feature request so that GeneratePress could find a way to override WooCommerce plugin to enable these options…..

    Theme Version: 3.0.2
    GP Premium Plugin Version: 1.12.2

    Customer Support

    We will consider it for the next WooCommerce update.


Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.