CSS Changes not working in Atmosphere Pro Theme

[designerblogs]

I'm using the Atmosphere pro theme and when I try to edit the CSS to change the font color & size and adjust border colors and widths, none of the changes I make to the CSS are reflected in the live preview of the design.

For example, I go to Appearance > Editor > Stylesheet
And then I find this part in the code to change the menu bar font size:

.genesis-nav-menu a {
display: block;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 1px;
padding: 10px;
text-transform: uppercase;

}

And then I increase the font size as follows:

.genesis-nav-menu a {
display: block;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 1px;
padding: 10px;
text-transform: uppercase;

}

I hit Save and then view the live site and nothing has changed.

Is there a special way that the CSS has to be edited in order for the live site to reflect the changes I make?

http://designerblogs.com/speedytowingtestsite/

[Victor Font]

I just looked at your site and the menu text is 1.4REM. You've probably got a caching issue going on that's preventing you from seeing your changes. Turn off all caching plugins and press shift when you refresh the browser so it forces a reload of the style sheet.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[designerblogs]

I've done all of those things and still no change. I'm also viewing the design on another computer and my phone and none of the changes are reflecting there either. Any other ideas?

[designerblogs]

Another note is that when I use Firebug and make adjustments in the Style tab there, I see the preview of the changes, but then when I make those same changes to the actual stylesheet of the design and then view the design, none of the changes are reflected.

[javiersanchez]

I´m having similar issues related to CSS in Atmosphere, for example, when editing a new page i include some code in the wordpress html editor, like this:

<span style="color: #ff5500;"><i icon-bla bla bla></i></span> Text here, etc

I could save and see changes in preview mode, but when i close de editor and open the page again all the code has been removed. All <span> tags and color, size... customizations just disappear.

Any idea to fix that?

Thanks

---

Let´s see how to delight your customers. Leo Rabbit CEO – Inbound Marketing Agency

[Susan]

Like Victor, I'm seeing the changes reflected on your site (link to larger, clickable screenshot)

[javiersanchez]

Are you using a cache plugin (like super cache, w3...) or a CDN? Perhaps you did not clear that.

---

Let´s see how to delight your customers. Leo Rabbit CEO – Inbound Marketing Agency

[designerblogs]

I haven't been on my site since I posted that question and have restarted my computer several times since then, and I just went to it to view and it all of the changes are now appearing for me, so it must have been a caching issue of some sort. I don't use any caching plugins, but somehow it has resolved itself. Thank you all for the help!

[Author]

Posts