So I have a couple of issues – things showing up differently when I look at a site from within my WordPress admin and when I access it directly online.
First issue is I have a background image that I reset earlier today, and the change is not showing up on two of the site pages when viewed outside WordPress. The “Introduction” and “Client Forms” pages show the old image, and the others show the correct one (everything shows correctly when I am in my WordPress admin and click “View Site” or “View Page”). Here is the site URL:
The second issue involves some Custom CSS that is supposed to set page opacity for header, main, and footer areas so that the background image shows through. Again, everything is correct from within the WordPress admin. From outside WordPress, the opacity shows up correctly in Chrome, but in IE8 the opacity isn’t working (I haven’t had a chance to check yet in other browsers). Here is the Custom CSS:
/* Vantage Boxed Layout Set Page Opacity */
header#masthead {
background: rgba(255, 255, 255, 0.8) !important;
}
#main {
background: rgba(255, 255, 255, 0.8) !important;
padding: 35px
}
#colophon {
background: rgba(255, 255, 255, 0.8) !important;
}
I would love to know how to fix these issues – when I talk to the client and they aren’t seeing things the same way it’s not a good thing :-) …. Thanks!
Hi Greg!
It looks like you’re running WP Super Cache, please try clearing that plugin’s cache. It’s best to then de-activate it until you’re ready to go live.
IE 8: There is no RGBA support in IE8 – what you have no is a graceful degradation, I’d consider leaving it.
http://css-tricks.com/rgba-browser-support/
Thanks – I cleared the WP Super Cache’s cache and de-activated it, and that seems to have fixed the first problem.
On the IE8 issue, when you say “leaving it” – do you mean just accepting the fact that it doesn’t work, and moving on? That leaves a whole boatload of (stupid) users who are stuck on IE8, or worse – AOL – not seeing the site as intended. That’s not your fault or problem – but it’s pretty pathetic on the part of Microsoft.
That’s my suggestion, yes.
In order to get opacity to work in IE8 you need to use ‘filter’ but that will apply to the whole container, including text, and not just the background color like we’re doing it now. There might be a way to resolve it but I don’t know off the top of my head.
It’s super time consuming to get an exact site appearance for older browsers (we’re on IE11 now) so a lot of developers usually accept graceful degradation, the site is still functional, you just lose out on a few nice effects when running an older browser.
Just my opinion though.
Well, it is what it is – I will build the underlying fallback page to use the background image under an attractive color scheme, without the opacity, and move on….
Sounds like a plan.