I want to add spacing between paragraphs in about us page

Solved
Talal23
Shopify Partner
10 0 4

I have a Shopify customer that would like to add spacing in between his About Us page. I tried adding .rte-content p { line-height: 2!important; } to the theme.liquid file and it didn't work. I have attempted a lot of things and continue to struggle is there anyone out there with a solution? here is a Shopify preview link attached below to check on the About Us page. 

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
5529 1009 1037

This is an accepted solution.

Please update line-height value is 2  

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Replies 11 (11)
Dan-From-Ryviu
Shopify Partner
5529 1009 1037

Hi @Talal23 

Please share your preview link

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Talal23
Shopify Partner
10 0 4

https://d2645plh4mcvdxm4-82467750198.shopifypreview.com 

password: Xtooltech or xtooltech

 

check the About Us page

Dan-From-Ryviu
Shopify Partner
5529 1009 1037

Hi @Talal23 

Your text in About us page not swap in p tags, they are wrapped in div tag so you may can change your code to this one 

.our-company .rte div { line-heihgt: 1.5 !important; }

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Talal23
Shopify Partner
10 0 4

Hello Dan thank you for the clarification. Unfortunately, that code didn't work when I inserted it in the end of the Theme.liquid file. I tried doing it in the section custom CSS and it didn't work either. any other suggestions? 

Dan-From-Ryviu
Shopify Partner
5529 1009 1037

If you add to theme.liquid file, please update code like this 

<style> 
.our-company .rte div { line-height: 1.5 !important; }
</style>

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Talal23
Shopify Partner
10 0 4

Where would I add it beside theme.liquid? The new line of code did not work either 😕

Dan-From-Ryviu
Shopify Partner
5529 1009 1037

The first code is incorrect, I added is line-heihgt instead of line-height. Please add code before </head> tag 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Talal23
Shopify Partner
10 0 4

It still didnt work before the header.  this is the code I'm inputting: 

<style> .our-company .rte div { line-height: 1.5 !important; } </style>

 

the .our-company .rte div is not showing up as a variable -- it's not showing up as green text, there is an image below for clarification 

Screen Shot 2023-10-26 at 11.46.48 AM.png

Dan-From-Ryviu
Shopify Partner
5529 1009 1037

This is an accepted solution.

Please update line-height value is 2  

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Talal23
Shopify Partner
10 0 4

THANK YOU!!!

 

Dan-From-Ryviu
Shopify Partner
5529 1009 1037

You are very welcome, @Talal23 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now