Remove divider from everywhere it appears - BROOKLYN

Jörgen
Tourist
10 0 1

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

0 Likes
aio_xp
Explorer
52 4 21

make display none

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
Shopify Expert | Whatsapp: 00971568836211

0 Likes
Jörgen
Tourist
10 0 1

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.

0 Likes