Hello. I’ve tried to add an image to the background of a section by other solutions but it didnt work. My question is: how do I add an image to the background of a section and add text on it (I want to make a about us section in the website) my website is : Pilassia.com
2 Likes
what theme you are using, i guess the image banner will help you to achive this
1 Like
Hi @Chubaka
If you like to add image background on a section. For example your feature collection.
You can add css code, and choose the right selector to use.
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--22166183411993__featured_collection-padding {
background-image: url('path/to/your/image.jpg'); /* Replace 'path/to/your/image.jpg' with the path to your image */
background-size: cover;
background-position: center;
}
And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
this is the code that I’ve added and it still doesn’t work. maybe the theme background over-ride the image that I’m trying to add?
1 Like
this is the image banner but the problem is that i want the background (the space marked in red) to be transparent.
maybe the image is too big? I’ve uploaded the image to the content tab in the admin dashboard, does it mean that the image isn’t too big? ty for the help btw
Would you mind to share the preview where you paste this code? Thanks!
1 Like
Im not sure about it, when I dont see and check the problem I cant comment anything. 