Tagged: alignment, centered, colored section, image, text
I have a text element inside a color section. The text element has both text (as an H1) and an image (within the h1 tag). Depending on the size of the browser window, the text and image sometimes are centered vertically and sometimes they are low within the color section. What can I do so that the text and image are always vertically centered?
Screenshot, not vertically centered: https://snag.gy/KfkwyS.jpg
Screenshot, vertically centered: https://snag.gy/4ASDEg.jpg
Hey 1039 Online,
Looks like you have some CSS in Quick CSS which is causing that:
@media only screen and (max-width: 1290px)
#top #main .avia-section .template-page {
padding-top: 40px !important;
}
Please try to remove it and the issue should go away.
Thanks,
Rikard
Yes, that seemed to be the cause. Thanks for the help.