WordPress.org

Ready to get started?Download WordPress

Forums

Reudcing header space with custom logo on twenty eleven theme (3 posts)

  1. thw89
    Member
    Posted 2 years ago #

    Hey,

    I have been reading these forums for the past few days and made a few tweaks to the child theme on my blog (after reading up on how to make a child theme..;) ) but have got stuck on the final two...

    1. How do you drop the height between a logo and the header image?
    2. How do you reduce the space between the page title and post text?

    Blog if here: http://www.thefinancialcircle.co.uk

    Explanation of what Im trying to do: http://www.thefinancialcircle.co.uk/screenshot.jpg

  2. the Workshop
    Member
    Posted 1 year ago #

    The height is being affected by
    #site-description {
    color:#7A7A7A;
    font-size: 14px;
    margin: 0 270px 3.65625em 0;
    }
    the gap is from 3.65625em which is the margin on the bottom in style.css.525

    the second thing is being affected by the title
    .singular .entry-title {
    color:black;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    }
    style.css.1092
    change the line-height to 40px to start with see if that helps. You can always add a margin top and bottom to space it as you need

  3. thw89
    Member
    Posted 1 year ago #

    Hi - no luck

    My child theme CSS is as follows;

    /*
    Theme Name: The Financial Circle
    Description: The Financial Circle Custom Theme
    Author: Thomas White
    Template: twentyeleven

    (optional values you can add: Theme URI, Author URI, Version)
    */

    @import url("../twentyeleven/style.css");

    #page {
    margin-top: 10;
    }

    #site-title {
    text-indent: -9999px;
    width: 184px; /* width of the image file. */
    height: 70px; /* height of the image file. */
    margin:10px 0 0 0;
    background: url(/header.png) #fff no-repeat;
    font-size: 1px;
    line-height: 1px;
    text-decoration: none;
    }

    #main,
    .singular.page .hentry {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    }

    .singular .hentry {
    border-bottom: medium none;
    padding: 0;
    position: relative;
    }

    #site-generator {
    padding-bottom: 10px;
    }

    img#wpstats {
    margin: 5px auto;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic