vertically align text

Site URL: https://grouse-tuatara-8twd.squarespace.com

Hi! 
I want to vertically align a text block next to an image on my site. 

https://grouse-tuatara-8twd.squarespace.com
password: stamou22

I'd be so thankful for any tips! 

49 minutes ago, rosa-h said:

Site URL: https://grouse-tuatara-8twd.squarespace.com

Hi! 
I want to vertically align a text block next to an image on my site. 

https://grouse-tuatara-8twd.squarespace.com
password: stamou22

I'd be so thankful for any tips! 

Try adding to Home > Design > Custom Css

section[data-section-id="6212acdfe0a8163324cd6fa3"] .sqs-layout > .row {
  display: flex;
}

section[data-section-id="6212acdfe0a8163324cd6fa3"] .sqs-layout > .row > .span-7 {
  display: flex;
}

Let me know how it works on your site

My testing

17 hours ago, bangank36 said:

Try adding to Home > Design > Custom Css

section[data-section-id="6212acdfe0a8163324cd6fa3"] .sqs-layout > .row {
  display: flex;
}

section[data-section-id="6212acdfe0a8163324cd6fa3"] .sqs-layout > .row > .span-7 {
  display: flex;
}

Let me know how it works on your site

Hi, Thank you for getting back to me! I have already used another solution for the homepage. However, I would love to try this on the other page as I have the same issue there. Are you using the data section id?
I have tried to alter the code you have provided accordingly, but unfortunately that didn't wok. 

https://grouse-tuatara-8twd.squarespace.com/die-philosophie
password: stamou22

The code I tried: 

section[data-section-id="622f634388486d6bcd1006bf"] .sqs-layout > .row {
  display: flex;
}

section[data-section-id="622f634388486d6bcd1006bf"] .sqs-layout > .row > .span-7 {
  display: flex;
}

On 4/28/2022 at 4:50 PM, rosa-h said:

Hi, Thank you for getting back to me! I have already used another solution for the homepage. However, I would love to try this on the other page as I have the same issue there. Are you using the data section id?
I have tried to alter the code you have provided accordingly, but unfortunately that didn't wok. 

https://grouse-tuatara-8twd.squarespace.com/die-philosophie
password: stamou22

The code I tried: 

section[data-section-id="622f634388486d6bcd1006bf"] .sqs-layout > .row {
  display: flex;
}

section[data-section-id="622f634388486d6bcd1006bf"] .sqs-layout > .row > .span-7 {
  display: flex;
}

 

Try this new code

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

Hi, Thank you for this! I have applied the code you've provided and now the left image is now out of alignment. How can I dress this?

On 4/28/2022 at 4:50 PM, rosa-h said:

Hi, Thank you for getting back to me! I have already used another solution for the homepage. However, I would love to try this on the other page as I have the same issue there. Are you using the data section id?
I have tried to alter the code you have provided accordingly, but unfortunately that didn't wok. 

https://grouse-tuatara-8twd.squarespace.com/die-philosophie
password: stamou22

The code I tried: 

section[data-section-id="622f634388486d6bcd1006bf"] .sqs-layout > .row {
  display: flex;
}

section[data-section-id="622f634388486d6bcd1006bf"] .sqs-layout > .row > .span-7 {
  display: flex;
}

 

The url doesn't exist. Can you check it again?

On 5/15/2022 at 10:01 AM, tuanphan said:

The url doesn't exist. Can you check it again?

sorry, this is the right one: 

https://grouse-tuatara-8twd.squarespace.com/about