How can I upload a custom CSS background image for a section?

Store Design
1

Can you help me with the custom CSS where I can upload a background image for a section. Sample below:

Screen Shot 2023-03-09 at 2.01.12 PM.png
Screen Shot 2023-03-09 at 2.01.12 PM.png2828×1260 586 KB

I want to add flatlay background in this section

2

Hey @marketingapt1b
Kindly share your Store URL and the link of the page where this section is published.

3

Hello @marketingapt1b

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

4

Hey @marketingapt1b
Follow these steps to add a background image onto your section

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above
5

Hi, what if I only want to have it in certain section. Is it ok to insert the custom code in custom css in theme?

Link: https://kitchen1b.com/pages/about-us

6

Hello @marketingapt1b

Thanks for your reply. Kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

pls change the background-image by your image

I hope the above is useful to you.
Best regards,
GemPages Support Team