Unwanted background color on posts and pages

[cuneax]

Hi. Recently posts and pages on my website AynRand.no have begun to show the light green background color in the white box where there’s just supposed to be black text and images. The erroneous background color has a very peculiar pattern. It starts out filling the width of the box, before gradually becoming slimmer down to the middle of the text, before widening out to the bottom again—kind of like a time glass form.

The error occurs on the Google Chrome browser on a Samsung Galaxy S9 with Android 9. I have not been able to reproduce the error on desktop emulations of mobile screen sizes. I have disabled all plugins and cleaned the cache, but the problem still remained, so it must be due to the theme itself (or some of my custom CSS modifications to it).

What should I do to solve this issue?

Use this as a reference site: https://aynrand.no/blogg/immanuel-kant-innflytelse/

See images:

[ruenel]

Hello @cuneax,

Thanks for writing in!

I can replicate the issue when I check your site on my phone. In my desktop browser, as I resized it, the issue is not there. Could you please disable the LiteSpeed Cache plugin first? This is to make sure that What I am getting on the phone is the fresh version and not a cache version of the site.

Thank you in advance.

[cuneax]

Hi. The LiteSpeed Cache plugin is disabled.

[ruenel]

Hello @cuneax,

Hey There,
​
​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look at your background settings? This is to ensure that we can provide you with a tailored answer to your situation.

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288
​
Thank you.

[cuneax]

Here’s the information:

[ruenel]

Hello @cuneax,

The password do not work for us.

Meanwhile, to resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 979px){
    .x-main.full, .x-main.left, .x-main.right {
        background-color: #fff;
    }
}

Please let us know how it goes.

[cuneax]

Try this password:

[cuneax]

Your solution was able to solve the problem, however. Thank you! Do you still need admin access to the site?

[jade]

Hi @cuneax,

There is no need for us to get the admin access anymore since the suggested code has worked so it should be fine.

Thank you.