How can I vertically align custom content on my website homepage?

Store Design
,
1

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.2706×1128 203 KB

Intended result (used the text option instead of custom HTML)
Intended result (used the text option instead of custom HTML)2250×1116 184 KB

Would really appreciate any help!!

Website Link: https://emildific.com/

Password to enter is emildific.

2

@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
emildific.com Screenshot from 2020-11-04 11-55-17.png1820×941 245 KB

3

it works! you’re a star! thank you

1 Like
4

Hi, I’ve got the same problem. How to find out the right item ID?

Where does this come from?-> 25b866bd-e009-40e2-8c30-7d6d0ac65535

5

@Alfons_Turtle

Please see the screenshot how to find id.

id-find.png
id-find.png1265×493 110 KB

6

Hi jotvark,

thank you for answering! I still found it on emildific, but I mean how to find in my own store, so that I can use it on my own :).

I didn’t find something like this in the quellcode.