<hr> tag not working on product description

Solved
Highlighted
Tourist
12 0 1

Hi guys, I am trying to implement a line break into my text (I want the actual line there to separate my description.) However, whenever I use an <hr> tag (see picture below), it is not showing up on the actual product page - instead it is just taking up the space where the line should be.

 

Screen Shot 2020-02-25 at 1.25.03 AM.png

https://soothingwave.com/products/projector

 

How can I fix this such that the line shows like it does in the HTML editor?

0 Likes
Highlighted
Trailblazer
175 26 31

Screenshot_6.png

 

We need to remove from css applied from theme.scss file.

Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted

Success.

Hello swave,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product-single__description hr {
border-color: black !important;
width: 100% !important;
}
Its looking that you have added on br after hr tag that’s why display space.
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
12 0 1

@oscprofessional Thank you so much!


0 Likes