Hello,
I am using the Vantage theme and installed Black Studio TinyMCE Widget to show “Media” – in this case a 100×100 image in the right top of the header. I read your comments in the other posts and so I followed the steps and removed the text in the theme settings, installed the widget and used media to introduce an image in the header.
So far so good. However, when I start a fresh browser the image does not show correctly: it’s showing shifted from the top. When I click the “home” button on the menu – or any other button – the image moves into the right place – where I expect it to be.
It looks likes this may be a bug…. Or am I doing something wrong?
Thanks in advance,
Hans
Hi Hans
Unfortunately a small bug. If you’re running Vantage Premium, insert the following under Appearance > Custom CSS:
/* Vantage Header Sidebar Padding */ header#masthead .hgroup #header-sidebar[style] { padding-top: 5px !important; padding-bottom: 5px !important; }If you’d like to stick with Vantage Free then insert it into a Custom CSS plugin.
Adjust the padding as required.
Thanks Andrew! I seriously spend all of my free Sunday trying to figure this one out… Placing all kinds of CSS in the theme’s CSS editor… Studying dynamic sidebars… Learned a lot of new things, but no dice…
Thanks for your help,
Hans
Sorry for the hassle. Glad that helped.
The sidebar gets a dynamic inline style inserted. The theme attempts to center align the sidebar based on the logo and header height. To override that we use [style]. Here is CSS Tricks on that topic:
http://css-tricks.com/override-inline-styles-with-css/