Caching causing errors in CSS

  • GATEKeeper

    (@gatekeeper)


    8 years, 11 months ago

    When WP Super Cache is active, the compression on CSS is causing some of the styling to be broken, primarily on the home page, and I can’t seem to find a way to make the CSS work.

    It seems like my custom changes to the theme CSS are being ignored in these cases, but some of the custom CSS is working on the page.

    Can anyone recommend a way to make sure the CSS is not being missed? I’ve marked the CSS as important and it works fine when WP Super Cache is not on.

    HTML:
    <input class=”wysija-submit wysija-submit-field” value=”Subscribe” type=”submit”>

    CSS:

    
.home-row-subscribe .wysija-submit {
	float: right !important;
	display: inline-block !important;
	width: 70px !important;
	height: 22px !important;
	background-color: #558ed5 !important;
	border: none !important;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 8px 0 0 5px !important;
	line-height: 20px !important;
	padding: 1px !important;
}
    • This topic was modified 8 years, 11 months ago by GATEKeeper.
    • This topic was modified 8 years, 11 months ago by GATEKeeper.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Ben

    (@benbornschein)

    8 years, 11 months ago

    Hello,

    please fix your post, it is really hard to read it.

    Did you cleared the cache in WordPress and your browser after you changed the settings or your CSS?

    Thread Starter GATEKeeper

    (@gatekeeper)

    8 years, 11 months ago

    For some reason it won’t allow me to wrap the HTML in code brackets.

    Anyway, the CSS has not been changed in months, and the cache clears on a schedule, so that isn’t it. To be safe though I did clear the cache in the past but nothing helped.

    Also, the code above is just one example of an issue. There are 2 other CSS elements being ignored.

    JohnJay

    (@jjacoberger)

    8 years, 10 months ago

    WP Super Cache was causing CSS for The Events Calendar and Category Colors for the Events Calendar to be ignored on my site. Even with Caching turned off, CSS was ignored. WP Super Cache had to be disabled for the calendar and events to display correctly. Several other users reported the same Issue on the Modern Tribe forum.

    I liked this plugin a lot, but had to remove it. If the CSS issues are resolved, I will try it again.

    Ben

    (@benbornschein)

    8 years, 10 months ago

    That sounds strange because, WP Super Cache does not minify or combine CSS.
    Did you tried to clear WP Super Cache cache AND your browsers cache?

    JohnJay

    (@jjacoberger)

    8 years, 10 months ago

    Yes, both the WP Super Cache cache AND browser cache were cleared

    I’m not the only one that experienced this. This person did as well.

    • This reply was modified 8 years, 10 months ago by JohnJay.
    Plugin Author Donncha O Caoimh (a11n)

    (@donncha)

    8 years, 10 months ago

    It sounds like that plugin needs to tell WP Super Cache not to cache the CSS, but I might be wrong as I have never used it. If it delivers the CSS from a PHP script that reads your custom css from somewhere then it needs to define the constant DONOTCACHEPAGE and that will stop this plugin caching the wrong data. I think.

    I’ve never used that plugin so I’m just guessing here. Good luck.

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

The topic ‘Caching causing errors in CSS’ is closed to new replies.