Using Vantage Premium and I can’t seem to edit padding on the masthead.
This is what I’m seeing:
<div id="header-sidebar" style="padding-top: 65.5px; padding-bottom: 65.5px;"> </div>
Basically, I want the Login section to be bumped to the top of the masthead.
I’ve tried editing CSS and a few other tweaks with no solid results. It’s either something simple or it’s not possible. Hoping for the former.
URL: http://danitest.com
Hi Danielle
Try the following under Appearance > Custom CSS:
header#masthead .hgroup #header-sidebar { padding-top: 10px !important; padding-bottom: 10px !important; }Awesome. Thank you so much.
Just checked in – it looks good on FF, IE desktop but on safari ipad and google chrome desktop it’s still in the middle of the masthead. More CSS? Thanks again for all your help and a superb theme.
Where are you looking to align that element to? You can try changing bottom padding to adjust it’s position. Try 50px for example.
Hi – Still have an issue. I tried adding 50px to padding-bottom and it didn’t change anything in IE or Chrome. Firefox looks correct.
Here’s the site in question: http://www.newtowneschool.org
The login widget is flush with the top of the masthead in Firefox. When viewing in Chrome or Internet Explorer, it bumps down half-way in the masthead. I’d like it to stay at the top for all browsing experiences. The first fix worked great for Firefox, but didn’t do anything for the other browsers.
Here’s a picture of what’s happening. http://danitest.com/ie-chrome.png
Thanks for all your help! I’ve been going in circles trying to figure it out…