I updated Pro and X on multiple sites and the background in the Theme Options no longer shows colors or background images. I have already tested for conflicts.
I searched the forums and found a fix that only solves part of the problem (see image attached example site). What I want to know is how to fix this so it looks like it used to.
1st Image, what it used to look like,
2nd Image, where I am making the change
3rd Image, the offered fix not giving me what it originally looked like
Hello Blair,
Thanks for the very detailed post information.
Please be advised that the given css will not display any background color. This code will remove the background color in the body content area.
body .site,
body .x-site {
background-color: transparent;
}
Do you want to display something like this?
Please make use of this custom css instead:
body .site,
body .x-site {
background-color: #f7e7ce;
}
Hope this helps.
I want my original designed layout to function the way it used to. These two options do neither and I don’t understand why this functionality is no longer available and why there seems to be an aversion to fixing it properly.
Hi Blair,
I am confused because when I check your site, I am seeing this:
This is exactly the same as your very first screenshot image. Please do not insert any code if you want to display just as what I am seeing.
Please give us further clarifications.
I have no idea what happened. It was a white field in the background for a couple of weeks while I searched for a reason/solution before I wrote in. Now it’s back the way it used to be and I have no explanation as to why or how that happened.
Well I was thinking this issue was resolved so I updated my portfolio site and I got the same problem again. The background is just white on every page past the home page. My background pattern is missing and the code to turn the background color transparent doesn’t have any effect. I have done the plugin check, dumped the cache in the browser, checked in other browsers but no luck.
Hi Blair,
Please forgot about that custom CSS code, that is not going to resolve the issue.
I have a couple of ideas why is that happening; first is I see you’re using Cached by WP Optimize, please clear all your caching features (plugin, server-side, CDN, and browser’s cache), as we might just be seeing a cached version of the page.
Second, this is how the site looks on my normal screen and this is how the site looks on a zoomed browser, please check your browser zoom make sure it is set to 100% (details here). If not, then this means that it has something to do with your Site Max Width, Please navigate to Theme Options > Layout and Design and set the Site Max Width to 1200px, you or someone might have accidentally change this to 1450px.
Hope it helps,
Cheers!
This issue is happening on my “portfolio site.” Not the one I originally posted at the beginning of this thread. I have since reinstalled a backup (I’m currently auditioning for a job and need the site functioning as intended).
I’ll have to put up a staging site to test this further. I will also look into the suggestions you have made, though I don’t have the same caching plugins. I’ll get back to you as soon as I am able.
Great News. Our staff will be standing by.
Kindly let us know how it goes.
Out up a staging version of the site and updated it to the latest version of Pro. Then I did a side by side comparison in four browsers (see image https://www.dropbox.com/s/sqlvwac9tt9qdhq/browsers-compared.jpg?dl=0). Firefox Developer, Brave, Vivaldi, and finally Chrome.
Hey Blair,
I saw the issue in your site. During my investigation, I needed to reload the page but suddenly your site went down. Please fix it and then we’ll continue investigating.
Thanks.
If you are dialing in from outside the US you probably won’t be able to connect to the site. What country are you in?
Hi Blair,
Sorry but we can not provide an specific IP, because most (if not all) of us is in dynamic IP, meaning it change every time we restart/on the modem, on top of that we are located in different parts of the World so it isn’t feasible to give you an IP or Country, please if you don’t mind disable the IP restriction for awhile until we figure this out.
Have a nice day,
Cheers!
I have removed the country blocking code. Let me know if you still have an issue opening the site.
Hi Blair,
I’m able to access it now and I don’t see any issue similar to your screenshots. Perhaps what we need to check is your staging as shown in your screenshot, please provide your staging URL as well. I can’t find it too from your account (staging related to discussed live site).
Thanks!
Hello Blair,
I have compared your production and your staging site. The first difference which has a big impact is that you production site does not have caching plugin while in your staging site, Hummingbird plugin is running. The cached version of the site were loaded does created a JS error in the portfolio page. Kindly disable any caching plugin first before comparing the site. This is to make sure that both of the sites were loading the same page and the same page resources and not the old cached and minified HTML, JS and CSS files.
Hope this helps. Please let us know.
I think you may have that backwards. The Staging site has pretty much all the plugins turned off and it is also updated to all the most recent versions of the core, theme and plugins. The staging site doesn’t display the background image or color at all. In Brave I cannot even get the portfolio page to show portfolio images.
The live site displays correctly in Firefox and Vivaldi but that’s pretty much it. But, it does not have the most recent version of the theme (pro) running. I just turned off Hummingbird, WP Compress, TinyMCE Advanced, and WP-Optimize. Dumped my cache in Chrome and Brave still have the same display issues with the background appearance.
In the previous images I had turned off all plugins that were unnecessary for the comparison. As of right now, both sites are only running the same exact plugins, Only the theme (Pro) is updated on the staging site.
Here is just the live site compared across all the browsers: https://www.dropbox.com/s/n8r09tjzpskzrdc/Error-in-browser.jpg?dl=0
Hello Blair,
During my test in be fore I have responded you prior to this reply, the HummingBird plugin is active.
Now that it is deactivated, the portfolio page is now loading on my screen.
Chrome:
When you are logged out, the old cache version of the site is displaying along with the Hummingbird cache plugin in it.
I am guessing that your staging server has a caching mechanism like Varnish which is why the portfolio page being loaded is the cached version because if you logged in and check the plugin, Hummingbird is already deactivated. When you check the page in other browser or logged out, the hummingbird is still active. Please look into your server caching mechanism and temporarily turn it OFF.
Kindly let us know how it goes.
Nginx, Varnish, LiteSpeed, are not installed on the server.
MemCache is not being utilized by the websites and OpCache services have been dumped and restarted. I even restarted the whole server.
Nothing has changed for the “Live Site” and I still don’t understand how Chrome and Brave refuse to display the background but Vivaldi can when all three are based on Chromium. Even Edge is displaying correctly. I’ve added Opera and that also does not display the background.
On the “Staging Site,” which is running the latest version of Pro, doesn’t display the background in any browser I’ve listed so far.
I’ve checked the browsers updates and they are current. I have turned off background utilities that I have added to the browsers. Restarted my computer and relaunched the browsers, dumped the cache, no change to the display issues.
Hello Blair,
I have compared your staging site by logging in and being logged out. When you log in, the portfolio is displaying and yes, Pro theme is up to date. When you logged out, the portfolio page do not display, Hummingbird is active and the site is still using Pro 3.0.2.
I am not sure what it causing this. I am already out of option. Maybe a fresh eyes from your hosting provider might be able to help us here.
Thank you for your understanding.
