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)

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

    Thread Starter Leosmithblogs

    (@leosmithblogs)

    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 }
    ‘

    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:
    https://www.w3schools.com/css/css_margin.asp

    Thread Starter Leosmithblogs

    (@leosmithblogs)

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