Remove divider from everywhere it appears - BROOKLYN

Jörgen
Excursionist
22 0 2

Hi,

 

I'm struggling with this divider that is no use for me. I tried inside theme.scss.liquid file to comment off this css:
/*
// emulate separator line (<hr>) under rte headings
h1::after, h2::after {
content: '';
display: block;
margin: 20px auto;
border-bottom: 1px {{ settings.color_borders }} solid;
max-width: 50px;
}

No result from that. Dividers still there, everywhere.
Most thankful for all tips and tricks here 🙂

 

 

 

everywhere.jpg

Replies 2 (2)

eComInsider
Shopify Partner
154 16 36

make display none

➡️ Exclusive offer - Shopify Trial at $1/month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
Jörgen
Excursionist
22 0 2

lines.jpg

Hi there !

Unfortunately display none instead of block, did not work.
But I managed to do a trick inside the theme.scss.liquid and made some visual progress with that.
I manipulated them (the vertical lines/dividers that is) with dash first to see that it was the right place. And it was.
Then, by putting border-style: none; I eliminated the border dividers (short ones) from everywhere. Now I still have the in between burgere menu vertical dividers and also
on one page. Long ones. Since I was unable to eliminate the dividers, I'm searching mooore for the right place to "trick" the code like I did for those parts.
Any comments on this solution? Maybe isn't the best but it sure works. 

But those from side menu and the long ones must be gone to...so any tips on that I would be grateful.
See the attached picture abowe.