Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Spacing around custom font added using code block


BrookeP
Go to solution Solved by tuanphan,

Question

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

Edited by bpurnell
Initial Revision
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

@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;
}


You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...