Jump to content

How to change spacing between text styles

Recommended Posts

Site URL: https://frog-tuatara-eawg.squarespace.com/

I added the CSS modifications suggested in this thread: 

However, that did not work on my site. I'd like to universally lessen the space between headings and paragraphs on my site. This is the code I have added to my Custom CSS. It makes no changes to my text spacing.: 

 

h1 {
  margin-top: -15px !important;
}

h2 {
  margin-bottom: -15px !important;
}

h3 {
  margin-top: -15px !important;
}

p {
 margin-top: -25px; !important;
}
 

 

Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

9 hours ago, LaurelManke said:

Site URL: https://frog-tuatara-eawg.squarespace.com/

I added the CSS modifications suggested in this thread: 

However, that did not work on my site. I'd like to universally lessen the space between headings and paragraphs on my site. This is the code I have added to my Custom CSS. It makes no changes to my text spacing.: 

 

h1 {
  margin-top: -15px !important;
}

h2 {
  margin-bottom: -15px !important;
}

h3 {
  margin-top: -15px !important;
}

p {
 margin-top: -25px; !important;
}
 

 

Hi. Your site is private. Can you setup password & share url again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
20 hours ago, LaurelManke said:

https://frog-tuatara-eawg.squarespace.com/ Yes, here is the URL again. Password is Prevail2021. 

Use this CSS

h4, h1, h2, h3,p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/16/2021 at 10:44 PM, LaurelManke said:

Awesome, thank you SO much. That worked. 

Hi. Do you want to help with these?

Site URL: https://frog-tuatara-eawg.squarespace.com/

1. (Tablet – Homepage) Texts are cut off

frog-tuatara-eawg.squarespace.com-01-min

2. (Tablet – Homepage) There is a white bar on right of screen

frog-tuatara-eawg.squarespace.com-02-2-m

3. (Tablet – Footer) Reduce space

frog-tuatara-eawg.squarespace.com-03-min

4. (Mobile – Homepage) Move button below content

(On tablet)

frog-tuatara-eawg.squarespace.com-04-min

 

(On mobile)

frog-tuatara-eawg.squarespace.com-04.2-m

5. (Tablet – About) There is a scroll bar at bottom of the page

https://frog-tuatara-eawg.squarespace.com/about

frog-tuatara-eawg.squarespace.com-05-min

6. (Tablet – Contact) Word break

https://frog-tuatara-eawg.squarespace.com/contact

frog-tuatara-eawg.squarespace.com-06.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.