Background issue when Dark Theme and Boxed Layout activated

  • Resolved sayginer

    (@sayginer)


    10 months, 2 weeks ago

    Hello,

    I discovered something buggy.
    When the Boxed Layout is selected and the dark theme is toggled on, background remains white and does not switch to the black.

    Can you please confirm if you experience the same problem?
    Do you have an advice regarding the solution of the problem?

    Thank you in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Alexander Agnarson

    (@alxmedia)

    Hi, thanks for reporting this issue!

    For now, try adding this in Customize > Additional CSS:

    body:where(.dark).boxed #wrapper { background-color: #222; }

    Remember to clear cache, and if that doesn’t work, you can force-refresh the CSS on the page by pressing CTRL+F5.

    Thread Starter sayginer

    (@sayginer)

    Thank you so much for your prompt response!

    Your code solved the issue inside of the box, however outer background remains the same (There is white background for the bigger screens).

    If I understand well the following code overrides it:


    body.boxed { background: #e5e5e5; }

    • This reply was modified 10 months, 1 week ago by sayginer.
    • This reply was modified 10 months, 1 week ago by sayginer.
    Theme Author Alexander Agnarson

    (@alxmedia)

    Yup that seem to be overriding it. Try adding this as well:

    body:where(.dark).boxed { background-color: #222!important; }

    Or whatever color you wish the outside to have.

    Thread Starter sayginer

    (@sayginer)

    That worked perfectly thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background issue when Dark Theme and Boxed Layout activated’ is closed to new replies.