Re: change line height and space between paragraphs throughout my website

Solved

change line height and space between paragraphs throughout my website

shopekaja
Excursionist
76 0 8

I need help with decreasing the line height and space between paragraphs throughout my website. Can someone please help ?

Website theme : Craft

Website URL : https://6375f5-2.myshopify.com/

p/w: Getlost12

Accepted Solution (1)
RockTechnolabs
Shopify Partner
251 36 60

This is an accepted solution.

Hi @shopekaja 
please add this 

 

.card__information a {
    line-height: 1rem !important;
}

 

banned

View solution in original post

Replies 6 (6)

NadiaAnthony
Shopify Partner
75 11 16

Navigate to Online Store > Themes > "..." > Edit Code. Find the base.scss file in your Assets folder and add this to the very bottom. This applies to all paragraphs only. You can change the "rem" to "px" unit if you prefer and, of course, adjust as you see fit.

p {
    line-height: 1.5rem;
    margin-bottom: 2rem;
}

 

I help brands bridge the gap between complicated code and clear communication.
shopekaja
Excursionist
76 0 8

This does the work but how does not change the line height between product name and product price? Can you help me figure that out as well ?

RockTechnolabs
Shopify Partner
251 36 60

This is an accepted solution.

Hi @shopekaja 
please add this 

 

.card__information a {
    line-height: 1rem !important;
}

 

banned
shopekaja
Excursionist
76 0 8

to base.css?

RockTechnolabs
Shopify Partner
251 36 60

Yes where you add the upper code 

banned

RockTechnolabs
Shopify Partner
251 36 60

Hi @shopekaja 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
5) And paste the below code

<style>
p {
    line-height: 1.5rem !important;
}
</style>


If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Rock Technolabs

banned