How can I add a background image to the Newsletter Section and have the layout aligned to the right as I want?
Here is the current style and what I want.
1 Like
Hi @OneChefOn
Please share the link contains newsletters section of your store so I can provide the code.
Hi @OneChefOn
We should custom code to display a section like that
1 Like
Shopify normally does not have setting to include bg images in sections unless it’s an image banner section.
So you will have to add a setting to the schema of this section with liquid to let you add images. You can take help from sections like Image banner on how to implement this.
For moving the content to the right side, css would do
You add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
#shopify-section-sections--19549322576107__newsletter_ykEbHP {
background-image: url('add your image link here');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
Please add the code to bottom of base.css file and make sure you add image URL into this
background-image: url(‘add your image link here’);
Just replace add your image link here with your image link
Try theme.css or style.css
Or you can add a code example like this below to the theme.liquid, after
How can I remove the background from the images on my website to make them look better? I don’t need any extra edits—just a simple way to improve how the images appear. My website is focused on taper fade haircuts.
Sorry I can not find Try theme.css or style.css, and I tried your method about theme.liquid, still doesn’t work.
Please update the code in theme.liquid file to this
It worked, thank you very much.
1 Like
You are very welcome!