How can I add a border only to multicolumn sections on my webpage?

Store Design
,
1

Hello,

I have put the multicolumn section on my website and would like to add a border around the multicolumn cards with a thickness of 1.

I know that it can be done in the theme setting - content containers tab, but the problem is that then it puts the border also on rich text sections and image with text sections etc.

Can someone help me put a border only on the multicolumn sections?

96804ce3d26c9bbc9709fc1f499ef409.png
96804ce3d26c9bbc9709fc1f499ef409.png1355×651 146 KB

The website page where the multicolumn is - https://98cb73-4.myshopify.com/pages/cenas

Website password - skeodo

2

Hi,

You can acheive this by targeting the section ID directly.

Go to online store

Edit Code

Open your base.css file

Paste the below code and save.

#shopify-section-template–20642854732123__6fd91a1f-345b-4850-8819-43b1050b43a3
.multicolumn.background-primary .multicolumn-card {border: 1px solid black;}

Let me know if this is what you want by marking it an accepted solution

1 Like