I have multiple pages with text blocks on one side and an image on another, and I want the blocks to be vertically aligned center. I was able to make it work using "display: flex; align-items: center;" on some pages but not others, and I have no idea why.
Question
winabean7
Site URL: http://www.riverlandcollective.com
I have multiple pages with text blocks on one side and an image on another, and I want the blocks to be vertically aligned center. I was able to make it work using "display: flex; align-items: center;" on some pages but not others, and I have no idea why.
Here's an example of a page where it's working (see the first section): https://www.riverlandcollective.com/about
And an example of a page where it's not (see the first section): https://www.riverlandcollective.com/work
What am I doing wrong? 😭
Link to comment
Top Posters For This Question
4
3
15
6
Popular Days
Jun 30
4
Sep 2
3
May 12
2
May 14
2
Top Posters For This Question
Uggel 4 posts
StoriesAroundTheSun 3 posts
tuanphan 15 posts
Mevn 6 posts
Popular Days
Jun 30 2022
4 posts
Sep 2 2020
3 posts
May 12 2021
2 posts
May 14 2021
2 posts
Popular Posts
tuanphan
Use this CSS for Work page div#page-section-5f4d83e0a82f1a123a9bebe2>.row { display: flex; align-items: center; }
winabean7
Hey @tuanphan, thank you so much for your help! I've seen you a lot in these forums when I was looking for a solution, you're a hero. Really appreciate all that you do 🙂
tuanphan
Add to Design > Custom CSS /* Tablet footer */ @media screen and (max-width:991px) and (min-width:768px) { div#page-section-5f758e421ea34d1aeb060268>.row>.col { width: 100%; } div#pag
Posted Images
36 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment