Adding a section divider between collections

Store Design
, , , , , , , , , , , , , ,
1

Hello! I’d like to add a section divider between my collections, like the one on the photo below. I’m using Dawn theme. Thanks in advance!

Site: https://fddd3f.myshopify.com/

Screenshot_6.png
Screenshot_6.png1906×226 3.98 KB

2

Hello there

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.shopify-section {
border-top: 2px solid #e5e5e5;
}

ZestardTech_0-1692878690442.png
ZestardTech_0-1692878690442.png1919×813 85.7 KB

3

Hi @kitchencrafted

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the file above tag
4

Hi, it worked however I want the lines to seperate only the featured collection tabs, not the image banner, collection list and the Instafeed app.

5

Hi, it worked however I want the lines to seperate only the featured collection tabs, not the image banner, collection list and the Instafeed app., thanks

6

Hello @kitchencrafted

Here is the CSS that will perform these changes:

Please hit Like and Mark it as a Solution if you find our reply helpful.