Woocommerce store wide notice unable to place on top of page

Home Forums Legacy Support Support queries Styling issues Woocommerce store wide notice unable to place on top of page

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #133993
    terracotta
    Spectator
    Hi, I enabled Woocommerce store wide notice, but it appears at the bottom of the page. No matter how I tried, I couldn't move it to the top. Currently, I am using this code. The background & text-align is working. But I can't adjust the others to make it appear at the top of the page. This is my site: https://terracotta-mandarin.guru/id/ Anyone can help? Thanks. p.demo_store { background: green; color: white; text-align: center; position: fixed; top: 10; left: 0; right: 0; margin: 0; }
    #134059
    Diana
    Participant
    @terracotta, Can you please share your admin credentials with us so i can replicate your issue. Tell me one thing how you make the text (This is a demo site) visible below footer. P.S. Mark your reply as private while sharing your credentials.
    #134077
    terracotta
    Spectator
    This reply has been marked as private.
    #134189
    Diana
    Participant
    @terrracotta, 3. To change the color of price: Please Go to wp_admin -> Appearance -> customize -> body -> price color I need some time to test your issues on my setup, then i'll provide you solution.
    #134295
    Diana
    Participant
    @teracotta, To make visible store wide notice on top of page : Please Go to wp_admin -> Appearance -> customize -> custom css and paste the css in the editor p.demo_store { bottom: 550px; padding: 20px; z-index: 999; } I am unable to login on your  website. Please share correct admin credentials. P.S. mark your reply as private while sharing credentials.
    #134324
    terracotta
    Spectator
    This reply has been marked as private.
    #134325
    terracotta
    Spectator
    I tried the css for store wide notice, but it still doesn't work. It is still at the bottom.
    #134377
    Diana
    Participant
    @teracotta, First, remove above css and paste this css in the editor to make visible "the wide store notice text" on the top of the page. p.woocommerce-store-notice.demo_store { top: 0; left: 0; right: 0; margin: 0; font-size: 1em; text-align: center; padding: 35px; position:fixed; z-index: 99998; color:#0000ff; background:transparent; } 1. When I checked on your website, there is no sub element in the menu element, through which we can enable widgetized mega menu. refer: http://prntscr.com/h4qpeq follow this tutorial to set mega menu https://vibethemes.com/documentation/wplms/knowledge-base/setting-up-mega-menu-in-wplms/ 2. Set Privacy/Select roles for the instructors. 4. This is the customized feature. So, I am sorry we do not provide support for that.
    #134412
    terracotta
    Spectator
    Hi, Thanks for the css for the store wide notice. Now it is at the top. Just that it is interfering with the logo. Is there any way to move the logo header down? 1. As for the mega menu, what I mean is even after I put a sub element, the option to enable mega menu also did not appear. See: http://prntscr.com/h4s8rt 2. I could not find the setting for Privacy/Select roles for the instructors. Can you let me know where can I access this setting? 3. How can I change the colour of the price shown on the home page? Currently it's grey in colour, which is not very visible. Thank you.
    #134479
    Diana
    Participant
    @terracotta,   3. Paste this css in wp_admin -> Appearance -> customizer -> custom css .block.courseitem .block_content .instructor_course+strong {color: #62bb09;} span.woocommerce-Price-amount.amount {color:#62bb09} You can change the color according to your need.   for your other issues, i am checking.
    #134480
    terracotta
    Spectator
    Thank you very much. The css works to change the colour.
    #134493
    Diana
    Participant
    @terracotta, For Logo Header : Place below given css in the editor header.center.sleek{margin:20px;} and in the wide store notice text css change the padding : 3px; you can change this padding px according to your need. 1. Fixed Your issue check your website refer : http://prntscr.com/h56e35 2. Please Go to wp_admin -> WPLMS -> course manager refer : http://prntscr.com/h54f8k
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Woocommerce store wide notice unable to place on top of page’ is closed to new replies.