[Samuel LParticipant]

Hi,

I’ve searched the forums and tried using the background image setting for website and all I can see is the greyish background color. I’ve tried different plugins to no avail.

Page is set to Default template. The layout is full.

Is it possible to have a background image in full or does it need to be boxed? Thanks.

sl

[ChristianModerator]

Hey Samuel,

You can’t see the background image if you are using full-width layout because the main container .site has its own background and also the elements inside it.

Hope that helps. 🙂

[Samuel LParticipant]

Hi,

Thanks for that. I suspected that. I’ve switched it to boxed layout and the background image is still not showing up. I’m a bit frustrated by this. Would love any help to get this resolved?

sl

[SupportMember]

Hi!

Sure it is possible. You can add the background using CSS. Go to Customizer > Custom > CSS then add this:

body {
background: url(http://schools.ccrsb.ednet.ns.ca/hnrh/thomson/rw_common/themes/blendit/images/header/image5.jpg);
background-size: cover;
}

You can also switch the template to Blank No Container Header Footer then insert a content band element using the visual composer. Add a background patter or background image. I hope this helps. 🙂

[Samuel LParticipant]

Thanks, but there is already a background image slider type of option available on the page that I’m trying to get to work.

See the attached image

<br />free photo upload<br /><br />

[Samuel LParticipant]

As you can see I’ve uploaded a bunch of images and want them to slide in the background.

I’ve also applied the custom css that you provided right the page’s custom CSS area and it doesn’t work.

[SupportMember]

Hey!

Do you mind providing us the link to the actual page? Did you try using the content band element on the visual composer? I tested all of the above on my end and they all work. If you could provide us a link to the actual page, that would be great.

Cheers!

[Samuel LParticipant]

This reply has been marked as private.

[SupportMember]

Hey Samuel!

I’m sorry but when I checked the website, it takes me to a blank page. Please check. We’ll be happy to assist you once this is taken care of.

Thanks!

[Samuel LParticipant]

This reply has been marked as private.

[SupportMember]

Hi Samuel,

We have just checked by adding above suggested code and it works fine for us.

Add following line of CSS to Customizer → Custom → CSS

body {
background: url(http://schools.ccrsb.ednet.ns.ca/hnrh/thomson/rw_common/themes/blendit/images/header/image5.jpg);
background-size: cover;
}

Screenshot: http://prntscr.com/36uqse

Thanks

[Samuel LParticipant]

Thanks for letting me know, but is it not possible to use the feature inside X to have sliding background images?

Thanks.

[AlexanderKeymaster]

This reply has been marked as private.

[Samuel LParticipant]

Thanks for letting me know. That is so strange. I’m not having this problem at all with the site being down.

With that being said, the customizer only provides a background for a SINGLE image. I wanted multiple images to fade in and loop. Can this be done?

[ChristianModerator]

Hey Samuel,

Sorry for the confusion on this. The page settings won’t affect the Shop page because Woocommerce shop or archive page template will be used so multiple sliding images won’t work on this page. We don’t have this functionality out of the box with X because it was built with marketing in mind. With that said, the Shop page shouldn’t have a rotating background image because that’ll be a potential distraction to potential buyers of your store.

Implementing that feature is quite involved so even we’d love to help you with that, we are sad to say that it is beyond our scope of support because of continued development of other enhancements for X and every feature needs to pass a series of processes before it is added into the development timeline.

Thank you for understanding.

[Author]

Posts