Community Forums › Forums › Archived Forums › Design Tips and Tricks › CSS Changes not working in Atmosphere Pro Theme
Tagged: Atmosphere Pro Theme
- This topic has 7 replies, 4 voices, and was last updated 9 years, 1 month ago by
designerblogs.
-
AuthorPosts
-
December 8, 2015 at 12:08 pm #173221
designerblogs
MemberI'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/December 8, 2015 at 12:44 pm #173223Victor Font
ModeratorI 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?December 8, 2015 at 1:00 pm #173225designerblogs
MemberI'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?
December 8, 2015 at 1:05 pm #173226designerblogs
MemberAnother 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.
December 23, 2015 at 6:53 am #174624javiersanchez
MemberI´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
December 23, 2015 at 7:01 am #174625Susan
ModeratorLike Victor, I'm seeing the changes reflected on your site (link to larger, clickable screenshot)
December 23, 2015 at 7:26 am #174626javiersanchez
MemberAre 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
December 23, 2015 at 12:54 pm #174658designerblogs
MemberI 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!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.