How can I add a repeating custom background image to my site?

Store Design
,
1

Hello All

So i was wanting to put a custom background Image on my site its on the updated version of the ride theme.

I was hoping to make it so it would be small and i am using a transparent gold branding but would like it to show up with a black background but small and repeating if that makes sense.

I have tried all the other peoples solution’s but I am so lost.

Any help would be greatly appreciated.

Thank you.

2

Hello @ImStillLearning ,

Can you give me your Store URL ( with pass if your store password is enabled) and the part to attach the background (the whole website or a certain section)so I can check it for you?

Kind & Best regards,
GemPages Support Team

3

Hello

Thank you for your reply.

I am working on a back up as the main one i am using just for the landing page.

Will this be a problem?

4

Hello @ImStillLearning ,

You can send me a preview link for the theme you are working.

Kind & Best regards,
GemPages Support Team

5

thank you for your quick reply.

https://9apj3s4lgn92scao-71264567597.shopifypreview.com

I am just wanting the background for the body of the site

6

Hello @ImStillLearning ,

Can you send me the background image you want to add for the tag? It’s best to send the url of that image to keep the image quality.

Kind & Best regards,
GemPages Support Team

7

https://cdn.shopify.com/s/files/1/0712/6456/7597/files/Logo_transparent.png?v=1677802346

But I would like it to smaller and more transparent and tiled.

8

Sorry I shouldve added but with the same coloured background the body of the website is currently

9

Hello @ImStillLearning ,

You can follow these steps and try this code:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1677817265229.png
GemPages_0-1677817265229.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1677817287519.png
GemPages_1-1677817287519.png1439×881 74.7 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
10

Now its made the header and the footer very transparent

https://9apj3s4lgn92scao-71264567597.shopifypreview.com

11

hello @ImStillLearning ,

You can remove old code and try this code

Kind & Best regards,
GemPages Support Team

1 Like
12

Thank you for your help. If was to make the footer and the Header bar da darker colour where in the coding would I do that?

You have been so much help

13

Also I am so sorry But how would i make it so the background ends with the sides of the footer and header part please? So as to look seamless.