How to insert an horizontal line in the rich text editor

Solved
Andrea66
Excursionist
57 0 5

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

 

0 Likes
Natztech
Shopify Partner
403 100 193

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

Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
0 Likes
Andrea66
Excursionist
57 0 5

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

 

 

0 Likes
SagarSukhanandi
Explorer
154 26 42

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
Andrea66
Excursionist
57 0 5

I already tried the tag <hr> 

It doesn't work

 

0 Likes
SagarSukhanandi
Explorer
154 26 42

@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

hrtag.PNG



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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
Andrea66
Excursionist
57 0 5

I wrote the <hr> tag

then I added the code to theme.scss

but nothing changed

 

Andrea66_1-1614941491241.png

 

 

 

Andrea66_0-1614941449323.png

 

0 Likes
SagarSukhanandi
Explorer
154 26 42

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

codeedit.PNG

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
Andrea66
Excursionist
57 0 5

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

Andrea66_0-1614945083081.png

 

 

 

0 Likes
SagarSukhanandi
Explorer
154 26 42

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes