[donna gold]

I can get a full screen photo on all my pages, but I can’t on individual pages. I’ve spent hours trying to figure this out. http://www.donnagoldwriter.com

[sujapati]

Hello @donna:

We’re not completely sure what issue you’re experiencing. Could you please share a screenshot or provide a more detailed explanation of what you’re trying to achieve?

If you’re referring to the image displayed above the content, you can try using the following CSS. Feel free to adjust it as needed.

.site-content .content-area .post-thumbnail {
    width: 100%;
}

[donna gold]

Sorry, I posted before completing my reply. I’m not refering to an image displayed above the content. I’d like it as a background to my content. Sadly, it doesn’t make sense to send you a screenshot, because it will be the same old same old photo on each page…. I looked through your instructions, but I didn’t see specific ones for my theme, PhotoFocus. And the instructions you have refer to accessing elements in my customizer that I don’t seem to have. Thanks for your help!!

 

[sujeet]

Hello @donna:

We do have an option to set a background image for a site only. Additionally, there is no option to use a featured image as a background for content.

Thank you!

Regards,
Sujeet

[donna gold]

Good morning Sujeet.

In photofocus, is there an option to use a full screen background for the home page only?

thanks1

d

[sujeet]

Hello @donna,

Yes, you can use a fullscreen background image for the entire website, not just the homepage. However, by using the custom CSS below, you can hide the background image on all pages except the homepage.

Please refer to the screenshots below for guidance on where to add the background image.

To add the CSS code, please go to Dashboard → Appearance → Customize → Additional CSS, and add the following:

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

Please let me know if this works for you. Thank you!

Regards,
Sujeet

[Author]

Posts