• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Agency Pro: CSS not updating when using Jetpack CSS Editor

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Agency Pro: CSS not updating when using Jetpack CSS Editor

This topic is: not resolved

Tagged: Agency, css, jetpack

  • This topic has 3 replies, 2 voices, and was last updated 7 years, 9 months ago by Victor Font.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2015 at 10:09 am #164002
    Rezaei
    Member

    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
    August 29, 2015 at 11:23 am #164005
    Victor Font
    Moderator

    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?

    August 29, 2015 at 11:42 am #164007
    Rezaei
    Member

    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?

    August 29, 2015 at 5:41 pm #164018
    Victor Font
    Moderator

    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
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble