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; }

@Galya25 .shopify-section{ border-top: 2px solid black; } by this code you can add the border line.

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!

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

CPK100 September 20, 2023, 7:06pm 10

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!

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

How to add section divider (line) dawn theme 5.0.0

Related topics