Inline CSS is being overridden

  • Resolved Oliver Campion

    (@domainsupport)


    1 year, 5 months ago

    We have had to disable this plugin on at least one website because it has started interfering with the theme’s (Twenty Twenty) inline CSS by caching it and adding it back in in a different order causing the Customizer changes to be overridden by style.css.

    This is the CSS that the theme creates …

    <style id='twentytwenty-style-inline-css'>
    .color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
        color: #1f7cb7;
    }
<style>

    … to override the items in style.css namely …

    a {
	color: #cd2653;
	text-decoration: underline;
}

    Please advise.

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author launchinteractive

    (@launchinteractive)

    Interesting. What happens if you turn off css merging?

    Thread Starter Oliver Campion

    (@domainsupport)

    We have ticked “Don’t Merge CSS” and the issue persists. If you visit https://webtec.uk you will see that the links are red and they should be blue.

    Oliver

    Plugin Author launchinteractive

    (@launchinteractive)

    Hi Oliver, I’ve just pushed out a new version that should solve this. Can you please give it a go?

    Thread Starter Oliver Campion

    (@domainsupport)

    Sorry, links are still showing as red instead of blue. Have tested with and without “Don’t Merge CSS” and have used “Purge All”.

    Please advise.

    Plugin Author launchinteractive

    (@launchinteractive)

    Oh ok. I’ve been trying to replicate your issue and I can’t. What plugins do you have enabled? How are you setting the colour of the anchor links?

    Thread Starter Oliver Campion

    (@domainsupport)

    OK, this is super easy to replicate ??

    Fire up a clean install of WordPress v6.3.2 and activate Twenty Twenty theme. Go to “Customizer – Colors – Primary Color” and select whatever colour you want.

    View the site and notice the colour of links.

    Install and activate your plugin.

    You will now see that the colour has reverted to the default red.

    No other plugins need to be active to replicate the issue.

    Plugin Author launchinteractive

    (@launchinteractive)

    I must be missing something. I don’t have a colours option. When I go to the customiser there is a “colours & dark mode” setting but it only has a background colour. Any idea?

    Thread Starter Oliver Campion

    (@domainsupport)

    Please install Twbty Twenty. You have Twenty Twenty-One.

    Plugin Author launchinteractive

    (@launchinteractive)

    Ahh ha. Thanks. I was sure you were using Twenty Twenty-One.

    I’ve uploaded a new version that will now fix this issue. Thanks for your patience.

    Thread Starter Oliver Campion

    (@domainsupport)

    OK cool, that’s fixed it … but what’s going on here? Are you making individual rules for themes etc? Because surely you’re not going to ever be able to cover all themes? Or was there an actual bug here with the general ordering of inline CSS and enqueued CSS files?

    Thanks.

    Plugin Author launchinteractive

    (@launchinteractive)

    haha no. That would be crazy. It was a bug with MMR.

    It wasn’t respecting inline styles correctly. Infact, MMR hasn’t respected inline styles correctly since it was released. Thanks for reporting this. It should make it much more reliable.

    Thread Starter Oliver Campion

    (@domainsupport)

    Oh wow. Ha! OK, that’s fantastic news then! And actually answers several other issues I’ve had over the years LOL

    Thank you for fixing this so quickly.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Inline CSS is being overridden’ is closed to new replies.