Jump to content

Spacing around custom font added using code block

Recommended Posts

I am using a custom font for my client's website, and incorporated it into the website using a Code Block. However, I am having issues with a ton of spacing around each code block and I can't figure out how to get rid of it!

It's causing some spacing issues on the desktop site, but especially on mobile - creating huge gaps between the code blocks and other text/image blocks, making it look not so great. See screenshots below (the scripted text is the code block). Desktop is the first image, and mobile is the second.

alt text
alt text

I've tried a few different codes targeting the padding of the code blocks, but nothing seems to do the trick to fix this issue. Any CSS or HTML suggestions?? Greatly appreciated!!!

Website: https://www.wildlyyoursweddings.com/

screen-shot-2019-09-02-at-12925-pm.png.eb5ca066cf4e6bb4417726385f496718.png

screenshot-20190902-133317.png.326e59d6ee39081cb4b016d87feb3bba.png

Link to comment
  • Replies 2
  • Views 1k
  • Created
  • Last Reply

@bpurnell Add to Home > Design > Custom CSS


/* Desktop - Tablet */
div#block-yui_3_17_2_1_1566493643251_21265 h4 {
   margin-block-start: 30px;
   margin-block-end: 30px;
}
/* Mobile */
div#block-277c921a68d8ff4264e7 h4 {
   margin-block-start: 20px !important;
   margin-block-end: 20px !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

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.