Can you add an image to the Newsletter

Store Design
1

Can you add a image so it sits behind the text in the Newsletter banner and covers the entire grey rectangle only area?

Screenshot 2024-06-15 114145.png
Screenshot 2024-06-15 114145.png1893×706 234 KB

2

Hi @kiburi-lifestyl
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible

3

Hello @kiburi-lifestyl

So, basically all you want is to set a background behind the newsletter section that appear above the menu.

Here is the solution for your issue. You just need to follow below steps:

  1. In the Shopify admin, go to Online store > click on three dots > edit code

  2. In the code directory, find the file named “theme.css”.

  3. Open the file and paste the below mentioned code at end of the file.

  4. In this CSS, replace the image url with the text image-url in background property and save the file.

.announcement-bar__newsletter {
  background-image: url(image-url);
  background-size: cover;
  background-repeat: no-repeat;
}

The Image is now set as background and your issue will be fixed.

Hope this solution works for you.

If this solution works for you, then kindly accept and like the solution.

If you have any other queries you can contact us directly.

1 Like
4

Thanks mate, that worked a treat :slightly_smiling_face: