Debut: Vertically align custom content

Solved
Highlighted
Tourist
13 0 3

Hello!

I am trying to fix the vertical alignment of the left portion of this custom content section on the website home page. I have a reference photo of the desired effect below. 

 

The left side is custom content at 50%, where I include text and a button. I want this to be centered in the middle, not aligned to the top.The left side is custom content at 50%, where I include text and a button. I want this to be centered in the middle, not aligned to the top.

 

Intended result (used the text option instead of custom HTML)Intended result (used the text option instead of custom HTML)

 

Would really appreciate any help!! 

 

Website Link: https://emildific.com/

Password to enter is emildific

0 Likes
Highlighted
Shopify Expert
65 2 5

This is an accepted solution.

@stellaa  you can add CSS  inside the assets/theme.css

/*custom__item custom__item--html custom__item--25b866bd-e009-40e2-8c30-7d6d0ac65535 small--one-half medium-up--one-half

*/

.custom__item--25b866bd-e009-40e2-8c30-7d6d0ac65535 {    vertical-align: middle;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

 
output : emildific.com Screenshot from 2020-11-04 11-55-17.png

 



0 Likes
Highlighted
Tourist
13 0 3

it works! you're a star! thank you