Front page background image

Hi team,

I am currently using an image as the back ground for my site via the Customize tab.
However, I only want it to be displayed (exactly like that) for my front page…not the whole site.
What is the best way to go about this?

*I currently have the rest of my pages background colors set to white, but I know I won’t be able to do that for every page like woo commerce product pages.

Also, how can I make sure the front page looks exactly the same way on mobile as it does on desktop?

Here is a link to my site.

Thank you sooo much!

Hello there,

To remove the background image on inner pages, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    body:not(.home).custom-background {
      background-image: none;
    }

Regards,
Kharis

Thank you Kharis, that code worked! How can I make sure the front page looks exactly the same way on mobile as it does on desktop?

You’re welcome!

Not sure if it’s achievable because the theme is designed to be responsive. Probably there might be particular sections that need to be corrected on smaller? Please explain in details in a new topic. Because it doesn’t relate with the initial topic you wrote here. Ask one question in a topic.

Regards,
Kharis

okay, no problem…thank you Kharis!

You’re welcome!

Glad to have an opportunity to assist you. Have a nice weekend!

Regards,
Kharis