Jump to content

Aligning text and image horizontally

Recommended Posts

Site URL: https://nonagon-dahlia-n98k.squarespace.com

Hey experts

I've had a go at trying to solve this but with no luck. I have a section on the homepage of my site where I have text to the left and an image to the right. They both currently align at the top (Squarepace default I guess) see picture. But I'd really like them to align through the middle vertically. Like the second picture. I know it's only a minimal tweak but it looks so much neater.

Please help, I know there's probably some simple CSS and if someone could help with this section, I could probably figure out how to charce other sections with a similar problem. Thanks :-)

url: https://nonagon-dahlia-n98k.squarespace.com/

password: southernhorticulture

Screenshot 2021-03-04 at 16.40.15.png

Screenshot 2021-03-04 at 16.40.15_2.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

27 minutes ago, Amanda_Boonee said:

Site URL: https://nonagon-dahlia-n98k.squarespace.com

Hey experts

I've had a go at trying to solve this but with no luck. I have a section on the homepage of my site where I have text to the left and an image to the right. They both currently align at the top (Squarepace default I guess) see picture. But I'd really like them to align through the middle vertically. Like the second picture. I know it's only a minimal tweak but it looks so much neater.

Please help, I know there's probably some simple CSS and if someone could help with this section, I could probably figure out how to charce other sections with a similar problem. Thanks 🙂

url: https://nonagon-dahlia-n98k.squarespace.com/

password: southernhorticulture

Screenshot 2021-03-04 at 16.40.15.png

Screenshot 2021-03-04 at 16.40.15_2.png

try

section[data-section-id="6040bdd95d59c90d8aa8f9ac"] .sqs-layout .row {
  display: flex;
  align-items: center;
}

image.thumb.png.fc55f912e396e2bfb145798f3fd29b57.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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.