Change color and position of store notice

This topic has 12 replies, 4 voices, and was last updated 5 years, 7 months ago ago by Olga Barlow

  • Avatar: edumi
    edumi
    Participant
    May 11, 2020 at 15:05

    1) how can i change “Store notice” position and color?

    11 Answers
    Avatar: John Holden
    John Holden
    Participant
    May 12, 2020 at 06:08

    Hi,

    Provide mockup how would you prefer to display it?

    Regards,
    Hung PD

    Avatar: edumi
    edumi
    Participant
    May 12, 2020 at 07:19

    https://offspringinc.com/

    Hi please refer to the link above, the top most part “How Offspring is handling the COVID-19 Situation. Click for more details”
    I would like to have my store notice in this thickness, different background color and font size.

    Thanks

    Avatar: edumi
    edumi
    Participant
    May 12, 2020 at 07:57

    Hi

    I have another questions.
    I had added a mew ‘buy now’ button into my child theme’s functions.php file (buy now button code copy from previous support topic created by other user)
    My question is, how can i upload the functins.php file into my theme?

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 12, 2020 at 17:45

    Hello,

    1) Site that you provided is not built using our theme. If you want to add any info message you can use Promo text or Custom HTML element of the header builder http://prntscr.com/sfh2zj

    2) Don’t understand your question. Have you already installed the child theme that we provided in the theme package? https://www.8theme.com/documentation/docs/child-theme/ If yes, then functions.php file comes with a child theme and you don’t need to load it anywhere.

    Regards

    Avatar: edumi
    edumi
    Participant
    May 13, 2020 at 08:53

    1. Yes it is not using your theme, but i would like to have your theme’s “Store notice” to be customise to look like this.
    I had already using Promo Text for other purpose, which mean i will need both “Store notice” and Promo text to display different content. However i would like to have “store notice” to customise like Promo text, isit possible?

    2. Ok let me rephrase my question: I need to have a new “Buy Now” button, so that whenever user click on the buy now, it will redirect user directly to Check out page with correct quantity and check out (skip cart page). Can it be done?

    Avatar: edumi
    edumi
    Participant
    May 13, 2020 at 09:39

    Hi i have another question:
    3. During check out, is there any plugin to show customer, the price difference to get free shipping?
    Eg: current cart amount: USD28. Free shipping amountL USD50
    The message under the check out button will show:
    “You are USD22 away to get free shipping”

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 13, 2020 at 14:25

    Hello,

    1) Custom CSS can be used, but you did not provide URL of your site, so we can give an example of code only –

    .woocommerce-store-notice {
        color: white;
        background-color: #00a98f;
        font-size: 1rem;
        text-align: left;
        padding: 10px 15px;
    }

    add this code in Theme Options > Theme Custom CSS > Global custom CSS
    2) We are able to help you with only existing options. If you need additional customization then submit a request here to get a quote. Our basic support does not include customization service https://themeforest.net/page/item_support_policy
    3) You can contact the support of WooCommerce plugin about this. XStore is compatible with official WC extensions, and we do not give a guarantee for full theme compatibility with additional plugins.

    Regards

    Avatar: edumi
    edumi
    Participant
    May 13, 2020 at 14:39

    2&3 done.

    1. Can i assign the store notice to “Top header” position?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 13, 2020 at 14:51

    Provide URL of your site and describe the desired result in more detail.

    Regards

    Avatar: edumi
    edumi
    Participant
    May 14, 2020 at 13:42

    Hi please find the website link as below.
    I would like to place it on top/bottom of header, depends on my future website design.
    Instead of using padding, i would like to know if there is any ways to fix the position of Store Notice in “Top header” or “bottom header” etc

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 14, 2020 at 15:29

    Hello,

    Store Notice is the WooCommerce option, not our theme option. We don’t have additional settings to manage its position. So, it’s possible to change the position of the default WooCommerce Store notice by additional customization only.

    Regards

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

The issue related to '‘change color and position of store notice’' 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.