HELP adding dividing lines between sections of home page

New Member
2 0 0


I am trying to change the format of the separator lines between sections on my home page. 
I am using the Free Debut theme, and had to create a custom HTML code to add this line. It is currently looking like this: (it is runs across the whole page)

Screen Shot 2019-11-26 at 3.48.38 PM.png

And I want it to be cropped (instead of running throughout the whole page). I wish for it to look more like this:
Screen Shot 2019-11-26 at 3.48.28 PM.png

...The custom HTML code I added was the following (in the theme.scss.liquid tab):


Screen Shot 2019-11-26 at 3.52.24 PM.png

Can someone please help me edit this? Thanks!



13 2 2

You are applying the border line on a div that extends the whole page.


Try selecting an inner div, one that is better wrapped to the width you want it.. or instead of div border use hr with width set to your requirement. Something like

<hr width="70%">


I make custom Shopify pages & themes.. |
New Member
2 0 0

I accidentally "accepted the solution", but I am still not able to do it.

Should I delete the original code I input? Can you help me write the new code? I am still confused of where i am supposed to type that width size...

I am no expert in this, and unfortunately the template does not allow me to make this change. Thanks!