Archived topic
footer widget autoptimize and css
13 replies · Started by Ruben on November 2, 2019
Hi
I am trying to use some css code in the footer widgets but it is not working due to autoptimize plugin. If I check the CSS options in the plugin then the code does not work.
It is strange, since in other site I have the same autoptimize settings and the same css code for footer widget and it works fine. This is the site that works: https://www.buentrading.com/
The site that does not work is this: https://www.apuestaspc.com/
When I put the CSS code in the customizer it shows well, like here: https://imgur.com/7IiNL5q
But when I update and go to the page itself it does not apply, like here: https://imgur.com/f13c2mR
So when I deactivate autoptimize css options the css works fine. I tried to add some files to the exclusion line as suggested by GP: "wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css"
I added "style.min.css" and "unsemantic-grid.min.css", just trying but did not work.
Do you have a hint of what it could be?
Thank you
Hi there,
can you clear and disable autoptimize so i can take a look ?
Hi
I disabled autoptimize.
Now, the css inside the footer widget is working.
Can't see what or why the CSS would get overwritten or discarded.
Can you re-enable autoptimize
Hi
I enabled it again. Now the css dissapears as before
No idea
Looks like you disabled Autoptimize again - can you re-enable it.
Ok, Now it is disabled
Hi there,
Can you activate Autoptimize again possibly?
What if you make your CSS more specific?
Hi Tom
I activated the autoptimize again. (css customization dissapears in footer widget) (css customization would reapear if I deactivate css options in autoptimize though)
What do you mean by CSS more specific?
I have this: `/* footer-widgets */
.inside-footer-widgets ul a{
color:#ffffff !important;
}
#footer-widgets li:not(:last-child) {
border-bottom: 1px double #ffffff;
line-height: 2em;
margin-bottom: 0.6em;
}
/*distancias en los widgets*/
.widget-title {
margin-bottom: 20px;
}
.widget-title {
margin-top: 20px;
}
`
Just checked the site and the CSS is all working from what I can tell?
https://www.screencast.com/t/BPxVUAUBl6u9
Not on my end. I do not see it. tried in chrome, firefox and incognito...and css not working with autoptimize on.
I cleared the cache and also my browser too
So what I'm seeing is the correct style?
That would be very strange.
Do you have another computer/device to test?
Yes you are seeing the right version
I tried in a Virtual Private Server and it does not work for me
I do not know..maybe just leave like this..
Will keep doing some tests to see
Thanks anyway
Would be good if you can test it with another device.
If I can see the correct layout as the logged out user then it shouldn't be an issue.
