Auto padding to vertical centre of adjacent image?
How can I make the column stay in the vertical centre of the image next to it - the image is in a separate wrap but the same section. For example, in this screenshot [Links visible only for registered users] you can see the text is aligned to the top of the image, not in the middle (FYI the wrap is set to items vertical align: center so as you can see that didn't work). I know I can use custom padding for this to shift the text down, but the problem is this website is responsive so for narrower screens, custom padding tends to make the text lower than the image. For example, this screensho [Links visible only for registered users]t shows the same section of the page but with custom padding to make the text stay in the vertical centre. However, because this is responsive, on narrower screens it shifts the text a lot lower than the image and it doesn't look good, as you can see on this screenshot [Links visible only for registered users].
How can I fix this so the text stays in the vertical centre of the adjacent image for all size screens? The web page this is on is [Links visible only for registered users].
Thank you
Comments
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
[Links visible only for registered users]
[Links visible only for registered users]
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
[Links visible only for registered users]
[Links visible only for registered users]