Add boarder line to images prestige theme

Store Design
1

Hi! I would love some help to know if it’s possible to add a boarder around the section images on the prestige theme please to create sections? For example image with text block, slideshow etc

Thank you!

2

@indiav Please provide the URL of your store and if it is password protected please share the password too. Thanks

3

Thank you so much for your help! It is https://bambinostores.com

4

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
.Slideshow__Image {
border: 5px solid #555555 !important;
}
.ImageHero__Image{
border: 5px solid #555555 !important;
}

You can change these values as per your choice.

5

7E74CF0E-35B6-4600-9936-4F7B807D34D6.png
7E74CF0E-35B6-4600-9936-4F7B807D34D6.png1284×2778 431 KB

Thanks so much for that! Is there anyway to make it not look so thick & so it doesn’t appear on the sides, would love for it to look like this example

6

hi @indiav

plz, replace the above code with this one.

.Slideshow__Image {
border-width: 3px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
border-color: #555555
}
.ImageHero__Image{
border-width: 3px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
  border-color: #555555
}