How to remove weird dashes on Brooklyn theme

Solved
Highlighted
Explorer
86 7 14

Hello,

There are these weird dashes on the Brooklyn theme. They're EVERYWHERE On home page collections, on product pages, on policy pages, and even on the cart page. What was the idea behind Brooklyn theme creators to insert these weird dashes?

dash.png

 

 

 

 

 

 

 

dash2.png

 

 

 

dash3.png

 

 

 

 

Is there a way to get rid of them?

 

Thank you in advance!

0 Likes
Highlighted
Shopify Partner
2419 525 671

This is an accepted solution.

Hey @Dumax,

Please share your website URL.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Astronaut
1088 181 215

This is an accepted solution.

Hello,

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Shopify Partner
2419 525 671

This is an accepted solution.

Hey @Dumax,

Please add the following code at the end of your assets/theme.scss.liquid file.

hr, .hr--small, .hr--medium, .hr--large{
border-width:0px;
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
86 7 14

This is an accepted solution.

 @dmwwebartisan Thank you it worked, but now instead of the dash, there's blank space. Is there a quick fix to that?

Untitled1.png

0 Likes
Highlighted
Astronaut
1088 181 215

This is an accepted solution.

@Dumax 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.template-product .price-container{
    margin-bottom: -20px; 
}


You can adjust the -20px to your liking. 

Please let me know whether it works.
 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Explorer
86 7 14

This is an accepted solution.

Thank's a lot! Those dashes have been killing me for ages.

0 Likes
Highlighted
Explorer
86 7 14

@dmwwebartisan  All the dashes are gone except for this one. I've just recently noticed it. How do I remove it and remove the blank gap that is left after?

 

12.png

 

 

 

 

 

 

 

 

 

 

 

Thank you in advance!

1 Like
Highlighted
Shopify Partner
2419 525 671

This is an accepted solution.

Hey @Dumax,

Add the following code at the end of your assets/theme.scss.liquid file.

.rte h1::after, .rte .h1::after, .rte h2::after, .rte .h2::after{
border-bottom: none !important;
}

 

Hope this works!  

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like