How to insert an horizontal line in the rich text editor

[Andrea66]

I need to add an horizontal line between two block of text in the rich text editor

I tried the html tag <br> but it does't work.

Does anybody know how to do it?

Thanks

[Natztech]

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here. and also provide screenshort to which two blocks you insert  an horizontal line in the rich text editor

[Andrea66]

my website is https://guidiwines.myshopify.com/

no password

I have to insert the line in many products descriptions and different positions so I cannot make a screen shot

If you suggest me  the right code to use  I will figure it out where to insert it

Thanks

[SagarSukhanandi]

Hello @Andrea66 

You can add horizontal line by <hr> tag

Here is the reference from w3school  : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_test

[Andrea66]

I already tried the tag <hr> 

It doesn't work

[SagarSukhanandi]

@Andrea66 

Could you please add <hr> tag in description and share url with me so i can give you css to display line. 

<hr> tag working fine for me, below is image for reference





If you want to try then please add hr tag to your product description and then add below css 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

hr {
    height: 2px !important;
    background: #e5e5e5 !important;
    border: 0 !important;
}

[Andrea66]

I wrote the <hr> tag

then I added the code to theme.scss

but nothing changed

[SagarSukhanandi]

@Andrea66 add hr tag in code editor and add hr tag

[Andrea66]

Yes I did it that way but it was not working

Now I understood why

I had a css code in my theme.scss.liquid made to take off the lines at the end of the home page 

Unfortunately that code was preventing to show almost any line in my site 

I canceled it and now the tag <hr> is working

I guess I have to leave the two lines at the bottom of the page then

Unless you dont know how to cancel them

You can see the two lines at the bottom, between the highlighted text

[SagarSukhanandi]

@Andrea66 Could you please website preview url so i can check website home page? https://guidiwines.com/ showing coming soon