Header height ( Yes I read the other posts in the forum but…)

gapsuganda · Member · Dec 24, 2013 at 6:48 pm
Copy link

Add topic to favorites
I am using the expound theme. I am trying to change the height of my header but am having no luck.

gapsuganda.com is my wordpress.com website

I think I may be using the wrong size image or something.

I have tried these following CCS sytanx’s all while using a “cropped” picture or using the picture “as is”. As well as using the URL from the picture I loaded before I made it my header and the copy URL that it makes after I make the picture my header into the syntax’s.

#branding {
background: url(“‘image URL'”) repeat scroll 0 0 transparent;
height: 160px;
}

#header {
background: url(‘Image URL) no-repeat scroll 0 0 transparent !important;
height: 100px;
}

#header {
background: url(“IMAGE URL HERE”) no-repeat scroll 0 0 transparent;
height: 200px;
}

.site-header img, .entry-content img, img.size-full {
width: 600px;
height: 300px;
}

.site-header hgroup {
background: url(“IMAGE URL”) no-repeat scroll left top transparent;
width: 100%;}

I originally was trying to use a apprx 2000 by 1000 px image, but now I have loaded a picture of about 200 x150 for my header.

I read several of the forums and google’d other problems similar to this one and none of the code worked. I’m thinking it may be the lack of image knowledge that I have ( tips on what I should learn up on?)

Sorry for the redundant forum question.
And thank you in advance.

The blog I need help with is: (visible only to logged in users)
timethief · Member · Dec 24, 2013 at 6:57 pm
Copy link
All CSS editing is theme specific editing and you did not specify the theme you are editing. The blog visibility is private which means no Volunteer who helps with CSS editing, assuming one would be here on Christmas Eve day at all, will be able to view the blog and help you.
gapsuganda · Member · Dec 24, 2013 at 7:13 pm
Copy link
Totally forgot it was christmas, I’m living in uganda away from the family so doesn’t really feel like christmas. Not expecting immediate help either, read that a lot of it is volunteers! ( and there are a lot of re posts!)

I mentioned that it was the expound theme at the beginning, is that the wrong description to use?

I am not allowed to make it open to the public yet so that sucks. Thank you for responding TT.
justpi · Member · Dec 24, 2013 at 10:37 pm
Copy link
Assuming the image is exactly 200×150, assuming you want it flush left, and assuming you’re using the default grey bg of the theme, add this:
```
.site-header .site-branding {
background-image: url("IMAGE URL HERE");
background-position: 0 0;
height: 150px;
}
```
gapsuganda · Member · Dec 25, 2013 at 5:49 pm
Copy link
Thank you,

You assumed everything correctly.

.site-header .site-branding worked great. I just had to play around for a bit with a bigger picture after.
timethief · Member · Dec 25, 2013 at 9:26 pm
Copy link
I’m so sorry I missed the fact you identified the theme name in your first sentence and I apologize for the oversight.
justpi · Member · Dec 26, 2013 at 11:47 am
Copy link
You’re welcome.

My previous reply says “and assuming you’re using the default grey bg of the theme” but I forgot to include the relevant line in the code. If the image is narrower than the theme, you also need to add this to the above code:
background-color: #333333;
gapsuganda · Member · Dec 26, 2013 at 11:59 am
Copy link
It was smaller but I created an image wide enough to fit. But when we decide to change the picture and if it is small I will definitely need that code. Thank you again.

And don’t worry about it TT. Thank you again too.

No items found.