Add white boarder to slideshow in Dawn theme?

Store Design
1

Hi all,

Would like to add a white boarder around the slideshow images in Dawn theme, my website is https://label-source.co.uk/

See below screenshot as current look.

Screenshot 2022-07-22 at 11.18.10.png
Screenshot 2022-07-22 at 11.18.10.png758×1426 231 KB

I would like it to look like this website: https://www.lampoo.com/en/

See the boarder around their home image below,

Screenshot 2022-07-22 at 11.18.00.png
Screenshot 2022-07-22 at 11.18.00.png784×1694 294 KB

Any help appreciated, thank you.

1 Like
2

Hi!

Add this to the bottom of your base.css file :

section#shopify-section-template--14510644756522__1649257406a43f87f5 {
    padding: 10px !important;
}

Change the number to get the desired space :slightly_smiling_face:

3

Hi,

Add below css in base.css file.

@media only screen and (max-width: 767px)
slideshow-component {
    padding: 20px;
}
}

Thanks

Hit Like and Accept as Solution.

4

@Danielparsons

@media screen and (max-width: 749px){
section#shopify-section-template--14510644756522__1649257406a43f87f5 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

Add this code in the bottom of the base.css file,

Let me know if you need any more help,

Thank you,