My css knowledge is very limited and I'd like to shorten the Acquia Marina header, and header top blocks to look similar to the header shown on the Fusion/Acquia example site at http://acquiamarina.fusiondrupalthemes.com/contact.

I'd like to know what class to edit or create in my css file to achieve this type of editing. I've been looking in fusion-acquia-marina-style.css

Thanks!

Comments

Anonymous’s picture

You might start by reducing the padding here:
(on line 121)

header-site-info-inner  {
padding:20px 0;
}
lhoopai’s picture

Yes I'm using Acquia Marina 3, apologies for not stating that earlier. I'm not seeing any obvious way to attach an image or else I would show you what I have now. With every block addition to the header components, they add an extra padding...

That worked a little, I changed it to
.header-site-info-inner {
padding: 5px 0;
}
it's still not as short as I'd like it though and the padding around the logo get close to the header top.

Any other areas?