[Taylor]

I inserted a background image using the customize dashboard, but it’s not showing up. The content container is still fullwidth. do I need to change that setting somewhere in order to see the background image? My client really doesn’t want the white content to span the whole page and would rather see it in a container with a background image behind it. I assume this is possible since ‘background image’ is already part of the customize dashboard… what am I missing?

Thanks!

http://www.certapropaintersminneapolis.com/

[Pratik]

Hi @taylor,

Clean Journal is a full-width theme. Even though the it is possible to limit the width, there will be a need of checking the design on all devices for responsive site to work.

I need to check your site but it asks for password. Can you provide that?

Regards,
Pratik

[Taylor]

Hi!

I’ve temporarily set up another administrator account for you to access the site. Is there a way to post privately so the info isn’t out there for the world to see?

[Pratik]

Also please post in this support link: https://catchthemes.com/support-forum/topic/add-a-background-image/

[Pratik]

Hi Taylor,

I have emailed you regarding this post. Please check your spam folder if the email is not received.

Regards,
Pratik

[Pratik]

HI @Taylor,
I checked your site. The background image is indeed working. But it is not visible due to white background. To see the background, you will need to make the elements transparent. To do so, add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

.site-content,
#masthead {
    background-color: rgba(0, 0, 0, 0);
}

This should work.

Regards,
Pratik

[Taylor]

Thanks Pratik, that does make the white go away – but it’s not exactly what I’m looking for. We’d like the content to be in a white container with the colored background around the outside. Like this webpage http://corksandcanvasmn.com/.

Is that possible with this theme or will I have to switch to something else?

[Pratik]

HI @Taylor,

Similar effect is possible. Add following code with code above:

#content .wrapper {
   background: #ffffff;
}

Let me know how it goes.

Regards,
Pratik

[Taylor]

Thanks Pratik! I think that worked! Now I just have to see what my client thinks about it 😉

[Pratik]

Hi @Taylor,

Thank you for your appreciation. I am glad everything worked out, and hope your client likes it too.

If you liked our theme and support, please leave us a review at https://wordpress.org/support/view/theme-reviews/clean-journal

Regards,
Pratik

[marmen]

I used the code you provided to remove the background color, exposing the background photo. However, on the home page it is blocked by the featured content background. Is there a css code to edit that in order to allow the featured content to still show, but to have the background photo behind it all instead of the color background?

[Pratik]

Hi @marmen,

Can you provide your site url?

[marmen]

http://goldenhorizondesigns.com/

[Pratik]

Hi @marmen,

Try following code in Appearance=> Customize=> Additional CSS:

#featured-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

[marmen]

That works, thank you for your expertise!

[Author]

Posts