Vigilance Theme – Header/Wrapper Padding/Margin

  • Unknown's avatar
    tallclothingresource · Member ·

    Purchased CSS customization upgrade and have been able to make several modifications. However, trying to remove the top padding/margin so that the header image lines up flush with the top of the page. Have not been able to locate where I can make this modification. Can anybody point me in the right direction?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    devblog · Member ·

    First off, you have in your CSS these selectors:

    .header {
width:810px;
border-bottom:solid 1px #666;
float:left;
background:url('images/header-bkg.png') no-repeat top;
position:relative;
}

.title {
font:normal 28px/30px;
font-family:"Times New Roman", Times, serif;
border-bottom:solid 1px #ccc;
padding-bottom:15px;
margin-bottom:15px;
}

    Those should be ID selectors not Class selectors, so even if you had the code right, you wouldn’t see the style applied because you’re using classes instead of IDs.

    Now, when you have the CSS upgrade you don’t need to use the “custom header” feature. Try resetting that and use this code in your CSS:

    #header {
background: transparent url(http://tallclothingresource.files.wordpress.com/2010/04/banner_blog_florals1.jpg) 0 0 no-repeat;
float: none;
}

    Also, get rid of this selector:

    .title {
font:normal 28px/30px;
font-family:"Times New Roman", Times, serif;
border-bottom:solid 1px #ccc;
padding-bottom:15px;
margin-bottom:15px;
}

    I assume you don’t need it since it’s not even being applied… Also, I’d strongly recommend you to use “em” or “%” for font sizes. Pixel units are for (fixed) paddings, margins, widths, and heights.

    Having said that, if you do need to style the title ID, then use “#title” instead of “.title”.

  • Unknown's avatar
    tallclothingresource · Member ·

    Thanks wise devblog. Very happy!

  • The topic ‘Vigilance Theme – Header/Wrapper Padding/Margin’ is closed to new replies.