Support » Theme: Twenty Twenty-One » Background image

  • Resolved josebab

    (@josebab)


    I want to use two different images in customization – Background image, when activating dark mode it will use one image, and when activating light mode it will use another image.
    Thankful for the help.
    a greeting

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • You can use the Background Image setting inside the Customizer to set the image for light mode. And add some CSS to change the image URL for dark mode (set the url to an image that you’ve uploaded on your site):

    .respect-color-scheme-preference.is-dark-theme body { background-image: url(https://yourdomain.com/image.jpg); }

    Thread Starter josebab

    (@josebab)

    It has been perfect with its instructions.
    Thank you very much, and happy 2021

    You’re welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.