• Resolved ccroslow

    (@ccroslow)


    So, I’m sure this has to do with CSS execution ordering, but there’s a question in here…

    I’ve been trying to edit the site-title text on a webpage for about an hour now using this tool. Usually this tool works great! overwrites most other things, but in this case, it’s not. I’ve gotten the actual CSS to work in browser extensions or chrome dev tools, so I know it’s not the actual code that’s the issue here.

    The only way I was able to actually get it to work, was to go into the custom css settings under appearance, and add the code there (which I HATE doing because it ends up being a huge unorganized mess.)

    Thoughts? We were using woocommerce, with the boutique-storefront child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author SilkyPress

    (@diana_burduja)

    A WordPress installation shows the CSS in the following order:
    1. Theme’s and plugins’ external stylesheets (intermixed)
    2. Other plugins’ internal CSS/JS and Simple Custom CSS and JS internal and external stylesheets (intermixed)
    3. CSS codes added with the theme’s Customizer

    So, the plugin will not overwrite CSS added with the theme’s Customizer. As for the overwriting CSS added by another plugin, it depends on the order in which the WordPress installation executes each plugin. Unfortunately we can’t influence that.

    You asked for thoughts, so you got thoughts. Of course I don’t know your specific case, nor do I know what exactly you wanted to overwrite and why it didn’t.

    Adding “!important” to the css lines ?
    For example:
    height: 100% !important;

    Plugin Author SilkyPress

    (@diana_burduja)

    Yes, “!important” will overwrite a CSS rule later defined, but only if the later defined rule also doesn’t have an “!important” directive.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Not applying?’ is closed to new replies.