Page editing shows my CSS, Live Preview & live Page don’t

  • Odd thing happening. My Edit Page shows my own CSS but the published page & Live Customize doesn’t show these styles. Is this happening to anyone else? Is it normal now?

    I wonder if it’s because I’m creating this site using the Classic Editor plugin. (It’s the only plugin on this staging site.)

    If I’m missing finding the best selector/class for my styles, then I expect I wouldn’t see the style in Edit page.

    NOTE: I do not have either of these defined in the Live Customizer fonts or Custom css. I have only the one default .css document. I created my Childtheme with the excellent Childify Me.

    Here are 2 opposing examples from the same site.

    I see this color while editing my page, but in the preview & published page it is black text.
    In style.css:

    ?body { 
	color: #A064E9;
	font-size: 1.1em; 
	font-family: Poppins, sans-serif;  
}

    ?And while editing my page I see underlines one my links, but in the published page I see the styles as defined in my own css which is:

    In my style.css:

    #main-wrapper 	a { 
	text-decoration: none ; 
}
#main-wrapper 	a:link { 
	color: #3a5c41; font-style: normal; font-weight: bold; text-decoration: none 
} /* dark green link */ 
#main-wrapper 	a:visited { 
	color: #c65e11; font-style: normal; font-weight: bold; text-decoration: none 
} /* orange */
#main-wrapper 	a:hover { 
	color: #3e5e8d; font-style: normal; font-weight: bold; text-decoration: underline 
} /* blue */
#main-wrapper 	a:active { 
	text-decoration: none 
}

#main-menu .nav__menu ol li, ul li {
	line-height: .85em !important;
}
/* Removes the underline  of my body links */
#main-menu a:hover {
	text-decoration: none;
}
    • This topic was modified 5 years, 9 months ago by Deb Shadovitz.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Deb,

    When you disable that classic editor plugin, does the problem go away? Please let me know

    Thread Starter Deb Shadovitz

    (@debshadovitz)

    Hi @emranemranx
    I fear disabling Classic Editor because I don’t want all those section notations put in my pages. But instead I put the CSS and page code into another WP site and the same thing happened. As a partial solution I have deleted the style so my purple text color is gone.

    I have now looked at other sites (with and without Classic) and I see consistency. From style.css, body font color appears but size and font family don’t & link styles don’t. But not always.

    I’m still in the dark though about why some elements of style.css is appearing in the Edit window but others aren’t.

    I’d really like to know if I am the only person happens to.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page editing shows my CSS, Live Preview & live Page don’t’ is closed to new replies.

Tags