How to make product background image fit the full width of the page?

Store Design
, , , ,
1

I have a background image that I want behind the product and all of its information. It’s attached to the container and the height changes with the product. I just want to change the width so it is the full size of the html. Is there a way to do this?

Screenshot (3).png
Screenshot (3).png1614×818 188 KB

2

Hey @lilyandtwitch

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi @lilyandtwitch

Could you please provide your Store URL and Password too?

With Regards,
Dbuglab

4

EL Illustrations

5

Hey @lilyandtwitch

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 tag

RESULT:

Moeed_0-1692941124673.png
Moeed_0-1692941124673.png1893×875 214 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

It worked! Thanks! Do you know the code to make the description center underneath the photos and buy buttons?

7

Hey @lilyandtwitch

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 tag

RESULT:

Moeed_0-1692941878443.png
Moeed_0-1692941878443.png649×508 45.1 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed