Jump to content

Anchor text code block formatting

Recommended Posts

I created an anchor link that goes to a code block further down the page. In the code block, I have the following code:

<h3 id="popsiclepostscript">*Popsicle Postscript
</h3>

The anchor link works, but now the blank space below the "*Popsicle Postscript" heading is slightly taller than the spacing below the other h3 headings that were created within text blocks (without anchor links and HTML coding). Is there a way to reduce the space below the linked heading?

Link to comment
  • Replies 1
  • Views 461
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

try

<span id="popsiclepostscript">*Popsicle Postscript
</span>

If it doesn't work, add this to Design > Custom CSS

.code-block {
	padding: 0 !important;
}

If it still doesn't work, can you share link to page where you added Code Block?

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.