Code for background image not working properly

Store Design
,
1

I used this code

section#shopify-section-template--15314383929397__main { background-image: url([https://foter.com/photos/419/concrete-room.jpeg](https://foter.com/photos/419/concrete-room.jpeg)); } To add a background image to my "about" which worked well but it also added the image to every other page as well but I only want it on my about page, is there a way to change it so that it only appear on this page? Thank you
2

Hi @natsirt89

Can you give me the link of the page (with pass if your store password is enabled), so I can check it?

Kind & Best regards,
GemPages Support Team

3

Thank you,

https://bauhouseinteriors.com/pages/about

Password: ohsuri

If you click on the footer pages you can see the same background

4

@natsirt89

You can change your code to below code:

{% if request.path == '/pages/about' %}

{% endif %}

GemPages_0-1679392810604.png
GemPages_0-1679392810604.png1181×807 48.5 KB

Kind & Best regards,
GemPages Support Team

5

Worked perfectly thankyou!

6

I do appreciate your compliment! :grinning_face_with_smiling_eyes:

7

Hi @GemPages

I’m also trying to get a background image to show up on just one page of my site. I’ve tried numerous solutions now and none of them work. I can get an image to show up on all the pages, but not just the one.

I’m trying to make this image: https://cdn.shopify.com/s/files/1/0497/9906/9851/files/Profile_Backgrounds.jpg?v=1739157211 the background for this page: https://www.smashgrrrl.ca/pages/april-murrin

Are you able to help with this, please? Thank you.