Mike6580064
Posts: 0
Joined: Wed Jan 15, 2014 6:00 pm

Working with Images within a Header

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.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Working with Images within a Header

Hi Mike,

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

Mike6580064
Posts: 0
Joined: Wed Jan 15, 2014 6:00 pm

Working with Images within a Header

Image
Original Header

Image
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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Working with Images within a Header

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

Mike6580064
Posts: 0
Joined: Wed Jan 15, 2014 6:00 pm

Working with Images within a Header

Thank you!

Return to “Issues”