Docs

[lyrical]

How can I get this to show up on the site in a more prominent area? At the moment I had to substitute with another announcement-type banner.

http://newberryconsort.org – store-wide banner is at the very bottom on the left

[Rupok]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[lyrical]

The WooCommerce store-wide banner or store text notice is not styled and is coming up at the very bottom on the left side of the pages. If you would like to see an example of what should happen, you can view this site: http://visualmuses.net – It’s not the X-theme, but this is what should happen.

[lyrical]

I was able to move it under my nav bar, but I can’t seem to get it styled. Here’s what I’m using

p.demo_store {
font-family: “Lora”;
color: #ffffff;
font-size: 2.1em;
text-align: center;
padding-top: 10%;
background-color: #024985;
}

jQuery(“.demo_store”).prependTo(“.x-main”);

Here’s a screenshot of what I’m looking for

[Rupok]

Hi there,

If you want to show this on Topbar then you should have added this within Topbar content. Your CSS seems fine but it’s not added to your site properly so not taking effect. Make sure the previous codes are closed properly and not preventing this code to be generated properly. I have tried the code within dev tools and it’s working fine.

Cheers!

[lyrical]

I’ve done the same – my developer tools are working just fine. It just isn’t working in the theme.

[lyrical]

so interesting update – I put this into a separate CSS editor and it all worked. It was not working in the X-theme customizer.

[Rue Nel]

Hello There,

Thank you for the clarifications. I have checked your site and particularly the custom css. It turns out that you have inserted several invalid code for the css. One example is the way you have commented it out. The correct way is this:

/* Your one line comment */

/* 
 Your multi line
 comments
*/

For reference, please check this: http://www.w3schools.com/css/css_syntax.asp

And also I discovered that there is an orphaned curly brace. Please see this;

Hope this make sense.

[Author]

Posts