Jump to content

Horizontally Center Align within blocks & sections

Recommended Posts

Site URL: https://www.priyajpatel.com/

Hi everyone. I am having some trouble trying to horizontally center align pictures and texts within my sections & blocks. 

There are a few things I am looking to fix, and am wondering if they can be solved by just some code. Throughout my work pages in my portfolio I have different sections highlighting certain things, but they won't center align horizontally. I tried adding a spacer but it isn't very responsive for smaller screens, since they would just make the text and image off center. 

I am having the same issue with larger sections too, where I have two different sets of images and texts that I want aligned. I am not sure if I can do the same thing with this since there are so many things in one section, but I don't want to have to put them into 2 different sections since they are about the same thing. 

 

EX.JPG

ex 2.JPG

ex 3.JPG

Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi,

You mean align center text/images? For example this section on Mint page

Add to Design > Custom CSS

@media screen and (min-width:768px) {
div#page-section-60da76c86b00c0340f42b126>.row {
    display: flex;
    align-items: center;
}
}

image.thumb.png.507535b7db154732b1d117179309f0e3.png

(ps I saw your email, you can reply here or email)

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.