Reducing Top & Bottom Header White Space in Catchbox (5 posts)

  1. Leosmithblogs
    Posted 4 years ago #

    I've uploaded my own 300x125 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)


  2. 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.

  3. Leosmithblogs
    Posted 4 years ago #

    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 }

  4. 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:

  5. Leosmithblogs
    Posted 4 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic