Custom CSS appears in preview, but changes don’t appear after publishing

  • Resolved elijahsip

    (@elijahsip)


    1 year, 3 months ago

    I am trying to edit the CSS of my WordPress site hosted by my university (WP 5.4.1). When editing the CSS in the Customization preview, the changes work as expected. After publishing the page, however, the changes do not appear as expected.

    A video demonstrating the issue.

    Any help or possible strategies to debug this issue would be appreciated!

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

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

  • Hi, I checked the custom CSS on the website front end and I can see that instead of …

    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { // more code follows ...

    it is showing as …

    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { // more code follows ...

    The ‘greater than sign’ is encoded as ‘>’. Could you try editing the CSS and replace that character again via keyboard entry? If that is still not working, then I would suggest updating to WordPress 5.9 or later, if possible … with your Twenty Twenty theme activated, the Additional CSS feature for your custom CSS should still work. Good luck!

    Thread Starter elijahsip

    (@elijahsip)

    Thank you for catching that! I tried replacing the character as you suggested but it does seem that > is still getting encoded as >.

    For a temporary (granted, incomplete) fix, I have changed .entry-content > * to .entry-content:first-of-type which does the job well enough for now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS appears in preview, but changes don’t appear after publishing’ is closed to new replies.