Adding background image to an existing section

[jasa11]

Hello,

1. I’m using a before/after section on my page; jasaoslaj.com

And so far its transparent which is fine but id like to put an image behind the scrolling section rather than it being transparent or with a color

This is the section in question ‘‘SS Scrolling before/after’’, and my website is primarily optimized for mobile so customizing for mobile is my main priority, if possible

Thank you!

[tim_tairli]

1. Upload you image to the Content-> Files area of your store. Make sure it’s not huge – for background image something like 1024px-wide should be ok.
2. Get the URL of this image – Use “Copy link” button on the far right.
3. Go to the settings of the section in question in “Edit theme”
4. Add code like this into “Custom CSS” setting where ... is the URL you’ve just copied

{
  background-image: url(...);
  background-size: cover;
}

this code will only work in “Custom CSS” setting

Like this:

[jasa11]

Thank you! I managed to add some extra like relative position and height to make it longer on mobile, but the initial code works fine

[Johnmax]

Hi Jasa
What theme is this? And is it a customized theme?

[tim_tairli]

It’s just a bunch of sections from Sections Store.
Base theme was Turbo though.

[jasa11]

yh its turbo, i just customize most things myself with SS app