Change background image in the collection page

[pimpãoclothing]

How can I place this image in the background of the collection name container?

[Aurora-N]

Hi! You can place the image in the background of the collection name container using CSS.

[TheScriptFlow]

Hi @pimpãoclothing,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

[Bundler-Manuel · Accepted solution]

Hi there @pimpãoclothing  You should try out the following steps

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.collection.section-template--21383141261628__cbd01b2f-2d65-4656-860b-8cdb4b4547c2-padding {
    background-image: url('your-background-image.jpg');
    background-size: cover;
    background-position: center;
}

Let me know if it works for you!