How can I add a white border to my full-width website banner?

Hi All,

My website in dekstop mode is full width which in terms is stretching my image banner.

Please does someone know how my website can have a white boader like shown on the MrPorter website; https://www.mrporter.com/en-gb/

My site is URL https://label-source.co.uk/

I would like the red boxes shown below to be a white boarder on desktop only

Any help appreciated.

Thank you,

dan

Hey @Danielparsons .

Thanks for reaching out.

I appreciate that you have let us know which theme you are using as that is very helpful! Just to gather some additional context, did you happen to make any custom coding changes to your theme?

I did notice that changing the width of the slideshow section is not available using the Theme Editor. It may be possible to reduce the width of the website by resizing the images to see if that reduces the extra space. Alternatively, you could make a change of coding to have the width of the online store reduced.

Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.

If you are interested in using the design time, you will need to login to your store using the Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.

Let me know if you have any questions, looking forward to your response.

Hi @Danielparsons

if this is what you need, then check it below.

:warning: Important: back up your theme

1: Online store > themes > Actions > Edit code > Sections > image-banner.liquid

2: add class ‘page-width’ at this 2 position