Can't Edit Background Image

Support
#1

I’m using the latest version of Theme-X, with the “Band” demo installed. How can I edit the image that appears behind the scrolling sections?
Sincerely,
Frederick

#2

Hey Frederick,

Thanks for writing in!

Are you referring to this section?

Screen Shot 2020-09-10 at 6.52.34 AM
Screen Shot 2020-09-10 at 6.52.34 AM1812×796 127 KB

Simply edit the page in Cornerstone and click the section. In the section settings, you should be able to replace the background image for that section. To learn more about the background image in the section, kindly check this out:

Hope this helps.

#3

Hi,
Yes, the image you’re showing is the image that I wish to edit. That image is shown above and behind all the scrolling sections. How exactly do I get to the controls to edit it? I don’t see that image in any of the sections. Where is it?

#4

Hi Frederick,

You could do that by adding a custom CSS, add this code in theme option’s CSS.

b
b428×725 35.8 KB

body.home .backstretch {
display: none;
}
body.home {
background: url(http://example.com/images.jpg);
}

Then just replace the URL with your preferred image background URL and follow this documentation to control the background image.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

#5

So, I need to be proficient in CSS code to edit your Demo. I thought your big selling point was that I didn’t have to write code to edit your Demos.
Is there a way to accomplish this without writing code?
If not: Can I edit already existing CSS code?
If so: How do I access it?
Can I reference an image contained in the “image library”?

#6

Hey Frederick,

Sorry for the confusion, you do not need any CSS to remove the background image, simply navigate to Theme Options > Layout and Design > Background Options and remove the Background Image (see screenshot)

image

Now edit your homepage in Cornerstone/Content Builder and go the Options (see screenshot)

image

Navigate to Page Settings tab, under Meta settings remove the Background Image(s) from the field (see screenshot)

image
image1034×778 22.7 KB

This will get rid of the background image you’re seeing. Let us know how this goes!

#7

Can I use Page Settings Meta settings Background Image(s) to reference an image in my “Image Library”? If so, what is the context script that I would enter into Background Images?

#8

I was able to enter a background photo in: Theme Options > Layout and Design > Background Options. How do I adjust it’s opacity?

#9

Hi Frederick,

There’s no option to adjust the opacity of the background Image in our theme. If you wan’t to adjust the background image opacity you need to do it via CSS. Regretfully, providing custom code is outside the scope of our theme support. You may seek 3rd party developers or you can avail our One Support, where it will answer all the customization.

Hope that helps and thank you for understanding.

#10

Thanks you, so much, for the help

#11

Hi Frederick,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.