Removing short horizontal lines between headings and body on pages and between sections.

Store Design
1

I am using the Brooklyn theme and I am trying to remove all the short horizontal lines that separate the headings from the body text on all the pages/sections. I would also like to remove all the excess space that is between each section.

2

Hi @notyethome ,

You can hide them by adding this CSS code below at the bottom of theme.scss.liquid file in Shopify admin > Online Store > Themes > Live theme (Brooklyn) > Actions > Edit code > Assets

hr, .hr--small, .hr--medium, .hr--large { display: none !important; }
3

Hi @notyethome ,

Go to Actions > Edit code > Assets > theme.scss.liquid and paste this at the bottom of the file:

hr, .hr--small, .hr--medium, .hr--large {
  display: none !important;
}

Hope it helps!

4

Worked perfect! Thank you so much!

5

Hi @notyethome ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.