Jump to content

Can someone who is code-savvy help me increase the space between custom icons and blog post titles on a blog page?

Recommended Posts

Posted (edited)

I worked with a kind person here to create custom icons for a real estate properties page. Everything is working well except for the amount of space between the custom icons and the blog title. 

 

Can someone who is code savvy help me figure out where in the code I should adjust to create more space between the title of the blog post and the icons? (SCREENSHOT ATTACHED)

 

Thanks in advance!

 

https://chipmunk-bell-rjrp.squarespace.com/residential-properties

PW: deeproots123

Screenshot 2024-01-31 at 4.39.41 PM.png

Edited by kbw2024
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

Probably the only way is to adjust this value in your CSS:

image.png.37d3606e5c98045d4b9afd440372200b.png

Currently set to -50px, -68px gives better spacing, but given this method you are going to struggle to get this looking correct on all screen sizes.

How have you set this up?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Ah, thank you. That worked! But you're right, it doesn't look right on mobile. I've used CSS to make these custom icons using help from folks on the SP forum.

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.