-
Posts
-
I recently purchased the pinboard theme and upgraded to custom design.. I have a couple of questions about replacing the red header:
1. When I select custom header, does that replace the red header bar? In a previous post from someone it seems that it does not, which makes the custom header area confusing, since it shows a preview of the current red bar, as if that is what you are going to change.
2. Are there steps one can take to replace the red bar — or change the look of it, with an image inside of it?
3. And my final question is — if I mess anything up in the red header bar, is there an easy way to restore the original?
The blog I need help with is ibmcuriosityshop.com
Hi there!
1. The custom header image will appear inside the red header bar. We show the red header bar in the preview to provide an example of how your header image will look against the bar once it’s uploaded. I apologize for the confusion, and I’ll pass this to the team so we can discuss ways to make it clearer.
2. You can change the red bar with CSS. For example, the following CSS will turn it blue (if you want to try it, go to Appearance > Custom Design > CSS and paste this code into the CSS editor):
#masthead {
background-color: #0000ff;
}You can change the height, remove the line-pattern, etc. If you need assistance with this step, please let us know.
3. Since you’d just be making changes using CSS, if you “mess” up, all you have to do is delete the offending CSS code, and there will be no harm done. So there is no way to truly mess anything up!
I hope this helps.
Thanks a lot much — that’s a big help.
A couple of things: I would like a tip on changing the height of the red bar using CSS. Another thing I’m trying figure out is if I get rid of the red bar altogether, or make it smaller, what happens to the “home” and page tabs that are currently in the red bar? And is there way of making these tabs appear in my new header?
Thanks so much.
Another question I have is how to make my new header run along the entire screen — the same length as the red bar masthead. And is there a way of decreasing the space between the red bar and my new header?
Please try the following code. It should address al of your concerns.
#masthead {
min-height: 0
}
#masthead hgroup {
display: none;
}
#page {
position: relative;
}
#main {
padding-top: 11%;
}
.header-image {
position: absolute;
top: 46px;
left: 0;
width: 100%;
}
@media screen and ( min-width: 820px ) {
#main {
padding-top: 11%;
}
.header-image {
top: 56px;
}
}
The topic ‘Custom header’ is closed to new replies.
Theme Support 