Forum | Appery.io

How do you vertically AND horizontally center align an image within a header?

Also, every time I add an image to a header--whether it's in a grid or not--there is a great deal of blank space in the top half of the header that I can't get rid of. I want the image to be scaled to fit within the default Appery header size.

Hi Mike,

Could you please tell in detail and post some screenshots? What do you do and what doesn't work?

Original Header

Header after I insert an image (or any component for that matter)

Notice how the header expanded to fit the image but keeps the large upper margin above the image. How can I get rid of this margin so there is an equal amount of space above and below the image?

Thanks,
Mike

Hello! Add class for header, for example withoutCaption and use CSS:
pre.withoutCaption h1{
display: none !important;
}/pre

Thank you!