How can I add an image border on my homepage?

Store Design
1

Hello! I am trying to figure out how to add borders on several “image with text block” sections on my homepage. My theme is prestige and I’ve tried a few solutions that I found on here but nothing is working. Can someone please help me figure this out?

Thank you so much!

2

Link to store and location of the issue?

3

https://fridaynightshop.myshopify.com

Images on home page (tops, bottoms, jewelry)

thank you!

4

You want the border around the whole image for these collections or just the collection title.

Screenshot 2022-10-24 183136.png
Screenshot 2022-10-24 183136.png775×327 442 KB

5

Hi! Around the whole image. Thanks!

6

On line 6306 in theme.scss.css , you’ll see this,

.ImageHero__ImageWrapper, .ImageHero__Image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border: 10px solid red; // add this to the end and adjust the px number and color as desired
}
7

That didn’t seem to work, unfortunately. Any other ideas? Thanks so much!

8

Oh, okay paste this code at the end of your theme.scss.css file

section[data-section-type="image-with-text-block"] {
    border: 10px solid red; // adjust width and color of border as desired
}