Jump to content

Help - Borders on Images + Borders on Text Block - need help with alignment

Recommended Posts

Hello all the smartie pants!

HELP! thank you! 
https://www.one02creativestudio.com/

  • Adding a border to images 2px black

I've added a border to text block 2px

Trying to get them to align with each other - I can't get them to work/align. (arrrrgh)

//add a border to an image//
#block-804864d4f0e37252ada7, #block-c77e3e4f40c91e3b44ab, #block-yui_3_17_2_1_1713939380736_55629, #block-115074843576043812f2, #block-989d7616f82f39896e73, #block-277cde2ba86472bcb0c6, #block-8d3d913325370b6aceab, #block-804864d4f0e37252ada7, #block-yui_3_17_2_1_1713939380736_42069, #block-277cde2ba86472bcb0c6, #block-115074843576043812f2, #block-804864d4f0e37252ada7, {
    border: 4px solid black;
}

 

Edited by CherieJ
update url
Link to comment
  • Replies 5
  • Views 392
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL and this page?

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Have you added borders to some of the images but not others? You may need to add a border to all of the images, even if its using a transparent border.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...

@CherieJ do you mean this grid?

Add this line to your code (might need !important, try it and see). Let me know how it goes.

box-sizing: border-box;

Before

image.png.1edc6f3e77a7dcd7d1d5adf9ca73f9b0.png

After

image.png.aeae44c527f7170802fdbdba9e484e59.png

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like 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.