WordPress.org

Support

Support » How-To and Troubleshooting » Reducing Top & Bottom Header White Space in Catchbox

Reducing Top & Bottom Header White Space in Catchbox

  • I’ve uploaded my own 300×125 header into catchbox. I’d like to move the Site Title and Site Description to the Right of the Header Logo and Reduce Top & Bottom White Space in Header. I am a new at editing the style sheet.

    Site is now on localhost (not live)

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Josh

    @josh401

    Moderator and Editor Customizer

    You will need to find the class or id associated with your site title and description. These can vary dramatically depending on which theme you are using.

    Once you’ve found the class or id, you can adjust it with some custom css.

    Thanks Josh. I don’t actually know CSS. I’m using the Catchbox theme by Catch Themes. I’ve manipulated several items within this code section:


    /* =Header
    ———————————————– */

    #branding {
    background-color: #fff;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    #site-title {
    margin-left: 450px; <right 270>
    padding: 0;<0>
    }
    #site-title a {
    color: #111;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    text-decoration: none;
    }
    #site-title <a:hover,>
    #site-title a:focus,
    #site-title a:active {
    color: #1982d1;
    }
    #site-description {
    color: #7a7a7a;
    font-size: 1px;
    margin: 270 0px 2.5em 0;
    }
    #branding img {
    height: auto;
    margin-bottom: -7px;
    width: 100%;
    }
    #site-logo {
    margin: 0;
    padding: 0;
    max-width: 300px;
    }
    #branding #site-logo img { margin: 0 }

    Josh

    @josh401

    Moderator and Editor Customizer

    I’m really hesitant to give any code because every theme is different, and I don’t want to give you something which could cause adverse effects.

    Ummm… I’d focus on that #site-title and #site-description`.

    Tutorial on css margins:
    http://www.w3schools.com/css/css_margin.asp

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reducing Top & Bottom Header White Space in Catchbox’ is closed to new replies.
Skip to toolbar