Jump to content

Coding causing spacing problems

Recommended Posts

Site URL: http://sagepresence.com

I have 3 pieces of text that I'm trying to group closely together on my homepage. One of them -- with the biggest font -- is Custom Coded. The others are standard text. I've been told that the Custom Code is causing spacing issues, keeping me from being able to group them together like I want.

Strangely enough, I've been able to arrange things in a way that looks right to me in design mode (see the first attached file below). But the live version of this adds a ton of space around the elements (see the second file attached).

Can anyone tell me how to get rid of the space?

SP Design Mode.jpg

SP Live Mode.jpg

Link to comment
  • Replies 3
  • Created
  • Last Reply

Tuanphan, think you so much! This got rid of the big space UNDER my headline.

Do you have any thoughts about how I can get rid of the big space OVER my headline?

The two images below are:

(1) How my homepage looks in design mode. (This is how I want it to look.) 

(2) How my homepage currently looks, now that I put your code into Custom CSS. (Which is better than what I had, but not quite what I want.)

 

SP Homepage design.png

SP Homepage live.jpg

Link to comment
5 hours ago, pmachalek said:

Tuanphan, think you so much! This got rid of the big space UNDER my headline.

Do you have any thoughts about how I can get rid of the big space OVER my headline?

The two images below are:

(1) How my homepage looks in design mode. (This is how I want it to look.) 

(2) How my homepage currently looks, now that I put your code into Custom CSS. (Which is better than what I had, but not quite what I want.

 

margin-block-start: 0;

😅

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.