Luckily for me, the Webhelp, Integrated IFrames Blue Header.hmskin included in the Templates folder is so close to my emplower's branding guidelines that I barely need to touch it. I had no problem replacing the default smiley face with our actual logo.
But, there's an awful lot of blank space below the logo before all the navigation and content sections start. Can I reduce this blank space?
Obviously, I'm not only clueless about CSS but also about how to include an image in a post. HOWEVER, I am competent to follow instructions to reduce the blank blue space below the default position of background-logo.png in this skin.
Thank you in advance.
Regards,
Elissa M.
Remove vertical space after logo in Webhelp skin?
Moderators: Alexander Halser, Tim Green
-
- Posts: 19
- Joined: Wed Jul 31, 2013 7:23 pm
- Tim Green
- Site Admin
- Posts: 23181
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Remove vertical space after logo in Webhelp skin?
Hi Elissa,
This is a slightly older skin and changing the height of the header box involves changing four different values. First open your copy of the skin in Help+Manual and navigate down to Configuration > Publishing Options > WebHelp > Layout. For this example I'm reducing the height of the header by 50 pixels so that it's clear. You will have to adjust the subtractions for the value that you're going to use:
This is a slightly older skin and changing the height of the header box involves changing four different values. First open your copy of the skin in Help+Manual and navigate down to Configuration > Publishing Options > WebHelp > Layout. For this example I'm reducing the height of the header by 50 pixels so that it's clear. You will have to adjust the subtractions for the value that you're going to use:
- Locate the #hmheadbox definition and reduce its height: 100px; value to height: 50px (minus 50)
- Locate the first #navbar definition and change its first margin: value from 120px to 70px (that's the top margin, minus 50)
- Locate the #hmnavbox definition and change its top: value from 156px to 106px (minus 50)
- Locate the #hmcontentbox definition and change its top: value from 110px to 60px (minus 50)
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
-
- Posts: 19
- Joined: Wed Jul 31, 2013 7:23 pm
Re: Remove vertical space after logo in Webhelp skin?
Thanks, Tim! I don't think I've posted a query in at least three years because H&M has been chugging along perfectly for our needs. But, after upgrading to v7 this week, I'm finally diving in to fix things like this. As always, I greatly appreciate the help.