Border on rows/ image with text but not multi columns

Store Design
1

I’m just wondering if anyone can help me.

In the photo below. The top section with the photo and blue is a multi-row, (the reason I don’t have this as an image with text is because I’ve already coded the image with text to be full width and I don’t want this section to be like that)

What I am wanting to do is, have a border around this section only. Every time I put a border on it, using theme settings, the setting I need to use (content containers) puts borders around all of my multi-columns as well, which I don’t want.

So what I’m wanting to know is. Is there a code to just put a 2px border around the multi-row sections only?

TIA

IMG_6810.jpg
IMG_6810.jpg2298×1438 645 KB

2

Sure. What’s the link to your website?

3

Hello @jay113 ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Assets folder → theme.scss.liquid file or base.css file
  • Add this following code at the bottom of page
.section-class {
  border: 2px solid #000000; /* Adjust the color as needed */
}
  • Save changes

Hope this can help. Let us know if you need any further support

Ali Reviews team.