I would be happy for the help of community members, is it possible to add a section divider (line) to the online store 2.0 - dawn theme? I want to create a section divider for the home page and for the collection pages\ products \ blogs and more.. In fact, is it possible to create a DIVIDER (line…

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

Hi @Galya25 , The easiest way possible is to create a section and it is up to you if you want to add a divider line or not. In your Admin page, go to Online store > Themes Choose the theme you want to edit then click Actions > Edit code. Open the Section folder, click Add new section. You can nam…

Nailed it @made4Uo - customizable in every way I can think of, and compatible with my theme (Ride). Thank you so much!

Hello, thank you for this solution! I would like the line to be 80% of the full width, but when I enter 80 instead of 100 in the width areas, it justifies the line left. Is there a way to keep it in the center? Thank you!

Hi @byClaireWebb Add this to the <style tag .sectionDivider span { margin: auto; }

Thank you, this worked perfectly!

Thanks for this info. I’m not a coder at all. Can you tell me where this needs to be added to the style tag? Much appreciated!

best workaround I’ve found on one of these threads. thank you.

How to add section divider (line) dawn theme 5.0.0

Technical Q&A

Mr_RaviRaj June 23, 2022, 12:59pm 3

@Galya25

.shopify-section{
border-top: 2px solid black;
}

by this code you can add the border line.

Topic		Replies	Views
A section divider line - dawn theme \ online store 2.0 Store Design	2	233	June 20, 2023
How to add a section divider line on Dawn theme? Store Design	4	112	May 2, 2022
Divide each block with a line Shopify Discussion shop-performance	10	90	May 20, 2024
Add a divider line as a section choice/design asset? Origin theme Store Design design	4	350	August 27, 2024
Add separation line Store Design design , header , customizations , collection-page , css , third-party-themes , shopify-themes	1	62	May 8, 2024

How to add section divider (line) dawn theme 5.0.0

Related topics