Jump to content

Bizarre Boxes can not explain

Go to solution Solved by creedon,

Recommended Posts

I have no idea how to explain  but I was talking with the client today and she was mentioning that there are weird little boxes next to her social media icons.

Firstly I design in Brave/Google and this is the first II have seen these...they seem to only appear in Safari apparently. Hoping one of the legends out there can help. From what I have seen this only happens with Code Block

Any advice would be great...this has been driving me crazy. I see where the problem is but I can not get the white space "Box Free" . I know it is going to be simple stupid but the brain has fried

Screenshot 2023-09-29 at 16.44.26.png

Screenshot 2023-09-29 at 16.51.04.png

Edited by ShortAngryViking
Link to comment

The issue is your code block is contaminated with ASCII 20 (DC4) characters.

Between the </svg>  and </a> you show there is probably characters that aren't printing because they are special characters.

Select between the two end tags I mention and type delete.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Solution
15 hours ago, ShortAngryViking said:

I need to create 5 character spaces between the SVG files. 

Several ways you could go.

Use HTML character entity &nbsp; between </a> and <a> like so...

</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>

The above would not be my favorite way to go.

I'd be more likely to something like the following.

<div style="display : flex; gap : 5em;">

  <a>blah blah blah</a>
  
  <a>blah blah blah</a>
  
  <a>blah blah blah</a>
  
  <a>blah blah blah</a>
  
  </div>

 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.