Change background to image on one page

[Thrustworks]

Hello,

I would like to change the background our paradigm wheels collection to a image that I have in my content / files section. This is the image URL. https://cdn.shopify.com/s/files/1/0686/5741/4330/files/map2.jpg?v=1745372237. I would like to change it on this page: Paradigm Wheels – THRUSTWORKS . 

Can someone help? I have tried to follow instruction and videos from youtube but nothing seems to work when I edit the code. 

Thank you

[Moeed · Accepted solution]

Hey @Thrustworks 

Follow these Steps:

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 </body> tag

<style>
div#shopify-section-template--18477363953850__main-collection .section.section--padding.section--rounded.relative .collection.page-width.relative.with-drawer {
    background-image: url(https://cdn.shopify.com/s/files/1/0686/5741/4330/files/map2.jpg?v=1745372237);
}
div#shopify-section-template--18477363953850__main-collection .section.section--padding.section--rounded.relative {
    padding-top: 0 !important;
}
</style>

RESULT

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Thrustworks]

That worked! I need to change the opacity. Let me upload a new image!

[Thrustworks]

@Moeed Thank you very much for your help. The code that you provided changed the background on all of the categories pages. Is there a way to only change it for the https://thrustworks15.com/collections/paradigm-wheels Paradigm Wheels Collection and nothing else?

Thanks!