Agency Pro: CSS not updating when using Jetpack CSS Editor

[Rezaei]

I've been previewing my site in firefox and used firebug to change some colours of different parts of the Agency Pro theme. I can get it exactly how I want it in firebug.

So I copied the CSS into the CSS Editor under 'Appearance' as below:

/*
site-header {
    background-color: #fff;
    left: 0;
    min-height: 61px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.genesis-nav-menu a {
    border-top: 2px solid transparent;
    color: #999;
    display: block;
    padding: 18px 16px 20px;
    position: relative;
}

.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .v .current-menu-item > a:hover {
    background-color: #f5f5f5;
    border-color: #999999;
    color: #999999;
}

.home-middle .featuredpost .entry {
    background-color: #f5f5f5;
    color: #999;
}

.home-middle .featuredpost .entry-title a {
    color: #808080;
}

.home-bottom .featuredpost .entry:hover {
    background-color: #f5f5f5;
    color: #333;
}

.home-bottom .featuredpost .entry:hover .entry-title a {
    color: #808080;
}
*/

The site header and the genesis nav menu hover worked straight away but the other parts didn't for some reason. I turned off 'super cache' in my cpanel and checked I had no cache plugins turned on. But still it didn't update.

So I thought I'd try editing it in the 'Editor' directly and it works.

So that leaves the question is there something in the formatting of the above that I've got wrong which has resulted in it not working?

It seems strange two parts have worked and the others haven't. But then when they're edited directly in the style sheet with the same changes it works!! *head scratching*

Does it matter if I edit directly in the Editor itself as opposed to using the Jetpack CSS editor?

http://www.arashmazinani.com

[Victor Font]

I would never use the theme editor. The preferred way is using FTP to access the files and make changes. If you make a mistake in the editor, you can bring down your site and the only way to recover is through FTP anyway.

You mentioned SuperCache, which means you are probably on Siteground. With the sites I support on Siteground, I keep all server level caching disabled while working on the site. I've also developed the habit of holding down the shift key while I refresh the web page. This forces the browser to reload style.css so you can see your changes.

You do realize that all of that CSS is commented out? The /* */ are opening and closing comment tags. The code within them will never execute.

---

Regards,

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

[Rezaei]

Thanks for the swift response.

I used to edit in FTP but I thought it was frowned upon/not best practice to do that for some reason. Not sure where I got that impression from.

So essentially by deleting the /**/ it should then start to work?

[Victor Font]

Yes. right now browsers are seeing that code as nothing more than a comment. remove the comment tags and the browsers will render the css.

---

Regards,

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

[Author]

Posts