Home › Forums › Legacy Support › Support queries › Styling issues › Woocommerce store wide notice unable to place on top of page
Tagged: store wide notice, WooCommerce
- This topic has 11 replies, 2 voices, and was last updated 7 years, 1 month ago by Diana.
Viewing 12 posts - 1 through 12 (of 12 total)
-
AuthorPosts
-
October 29, 2017 at 7:02 am #133993terracottaSpectatorHi, 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; }October 30, 2017 at 5:49 am #134059DianaParticipant@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.October 30, 2017 at 7:19 am #134077terracottaSpectatorThis reply has been marked as private.October 31, 2017 at 6:25 am #134189DianaParticipant@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.October 31, 2017 at 3:32 pm #134295DianaParticipant@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.November 1, 2017 at 2:26 am #134324terracottaSpectatorThis reply has been marked as private.November 1, 2017 at 2:29 am #134325terracottaSpectatorI tried the css for store wide notice, but it still doesn't work. It is still at the bottom.November 1, 2017 at 10:46 am #134377DianaParticipant@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.November 1, 2017 at 12:17 pm #134412terracottaSpectatorHi, 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.November 2, 2017 at 5:42 am #134479DianaParticipant@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.November 2, 2017 at 7:01 am #134480terracottaSpectatorThank you very much. The css works to change the colour.November 2, 2017 at 9:39 am #134493DianaParticipant@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
-
AuthorPosts
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.