Solved

Strange text output from editor

blastfire
Visitor
2 1 0

I created the text in an HTML editor now I copy and paste the code in to the editor and save everything:

2-10-2021 12-04-47 PM.jpg

This is how everything must look, now after is saved it on my webpage it looks like this:
To many spaces between the text. What could be the issue?

2-10-2021 12-06-13 PM.jpg

I use the warehouse theme.

 
 

 

 

Accepted Solution (1)

blastfire
Visitor
2 1 0

This is an accepted solution.

i found the issue: 

Some one from fiverr changed a code, so i will never hire one again.
he put in this code in the theme.liquid

<style>
.product-block-list__item--description .rte br{
/* line-height: 1% !important; */
display: block !important;
margin: 20px 0px !important;
content: " ";
}
.rte span{
line-height: 1.1 !important;
}
.rte p{
line-height: 1.1 !important;
}
.rte img, .rte .video-wrapper{
margin-top:0px !important;
margin-bottom:0px !important;
}
</style>

Now i removed it and only changed this for the height of the spaces:

blastfire_0-1612967921605.png

 



View solution in original post

Replies 2 (2)

JHKCreate
Shopify Expert
3571 639 916

Hi @blastfire !

Would you mind sharing your store's URL so we can have a look here?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

blastfire
Visitor
2 1 0

This is an accepted solution.

i found the issue: 

Some one from fiverr changed a code, so i will never hire one again.
he put in this code in the theme.liquid

<style>
.product-block-list__item--description .rte br{
/* line-height: 1% !important; */
display: block !important;
margin: 20px 0px !important;
content: " ";
}
.rte span{
line-height: 1.1 !important;
}
.rte p{
line-height: 1.1 !important;
}
.rte img, .rte .video-wrapper{
margin-top:0px !important;
margin-bottom:0px !important;
}
</style>

Now i removed it and only changed this for the height of the spaces:

blastfire_0-1612967921605.png