[Steve]

I need more control over the header featured image options. Is it a div tag i can edit in the css file? I’d like to be able to change the size of it and/or center it on the page…

http://www.sfwconstruction.com

[Steve]

I’d also like to be able to shrink the margin around the header featured image. If you can just point me to the right place, i think i can figure it out…

[Steve]

One more thing, i like the way the things are set up with the header featured image (the ice climbers photo) all the way across the top. however, i created an image the same size and it did not display like the ice climbers do. it gets cut off at strange places. if i could add an image that displayed like that image does to the header featured image options, i’d be good to go…

[Sakin]

@Steve: First, I see that you are using “Header Featured Image” instead of “Header Image” for logo. The best option it to user Header image for logo, you can add that from “Appearance => Header”. This Header Featured Image is for adding extra featured image like banner and all.

But if you like to control this Image then you can use the CSS ID main-feat-img. SI see that you have added the following CSS in “Appearance => Theme Options => Custom CSS” box.

#main-feat-img {
    box-shadow: none; /* Remove Border */
    float: left; /* Float Left */
    padding-top:50px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:50px;
}

To center you need to remove float: left; /* Float Left */ and padding-left:50px; from the above css. Since, you are not using Header Image and site titles you can hide that by adding in the following css
#hgroup-wrap { display: none; }

[Author]

Posts