How do I add a white border around mentioned item in Sense theme?

Store Design
1

How do I add a white border around this box (image with text + image with text grid)

I know the CSS code for border but don’t know where to insert it.

Theme: Sense

Here is my url: genhaat.com

ahana1605_0-1661837458899.png
ahana1605_0-1661837458899.png1920×1080 293 KB

2

@ahana1605
Hello,

.card__content {
	border: 2px solid #fff;
}
.image-with-text .grid {
	border: 2px solid #fff;
	border-radius: 20px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1661839654037.png
oscprofessional_0-1661839654037.png1412×867 165 KB

3

@ahana1605 ,

Where you need a white border?

oscprofessional_0-1661839802786.png
oscprofessional_0-1661839802786.png1892×965 227 KB

4

around both the image and the part you’ve highlighted

5

@ahana1605 ,

.image-with-text__text-item.grid__item, .image-with-text__media-item.image-with-text__media-item--large.image-with-text__media-item--middle.grid__item {
    border: 7px solid #fff;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid