Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #44062
    Eric
    Member

    Hi,

    On the top of my website (inlog required for access) there is a big white space before showing the header. So on top of the browser/screen. I would like to remove that so that the header (on every page a different one) starts just slight below the borders of the browser.

    How can that be done?

    Other question:
    The width of my header is not the same as the width of the body text. How/where can I adjust that?

    Thank you so much, theme is wonderful!

    Eric

    #44070
    Sakin
    Keymaster

    @Eric: Sorry for this I need to check in your site URL. Then I can check in and send you the custom css to remove spaces.

    #44082
    Eric
    Member

    Hi Sakin,

    Can I mail you the login? What address?

    Eric

    #44097
    Sakin
    Keymaster

    Hi Eric,

    In the following css, you can change the margin-top as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.

    #hgroup-wrap { display: none; }
    .site { margin-top: 40px; }

    Regards,
    Sakin

    #44354
    My Starlight
    Member

    Sakin,

    I have loved using the free catch evolution theme but I have been trying to remove the white space between my header and top menu. I have searched the forum boards and tried some of the css changes in the custom css box but none of them have made a difference. http://www.mystarlightblessings.com.

    Thank you,

    Esther

    #44365
    Sakin
    Keymaster

    Hi Esther,

    You can add the following css in “Appearance => Theme Options => Custom CSS” box to remove the white spaces between your header and top menu.

    #header-content { padding: 0; }
    @media screen and (min-width: 961px) {	
        .has-header-top #branding { padding-top: 44px; }
    }

    Regards,
    Sakin

    #44660
    My Starlight
    Member

    Sakin,

    Perfect! It is so nice of you to help us out with our sites even when we are using the free theme.

    Thank you,

    Esther

    #44674
    Sakin
    Keymaster

    Hi Esther,

    Thanks. Yes, we like to make best use of our both free and pro theme. Please provide review for Catch Evolution Free theme at https://wordpress.org/support/view/theme-reviews/catch-evolution

    Thanks
    Sakin

    #44705
    Eric
    Member

    Hi Sakin,

    Is it also possible to diminish the white spaces between the blog entries too?
    I guess it is a <p> code, of am I mistaken?

    Eric

    #44773
    Sakin
    Keymaster

    Hi Eric,

    You can edit margin-bottom and padding-bottom as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.

    .site-content article {
        margin-bottom: 50px;
        padding-bottom: 50px;
    }

    Regards,
    Sakin

    #44787
    Eric
    Member

    Works perfect, Sakin. Thank you!

    #44958
    My Starlight
    Member

    I just left my review(My Starlight) for Catch Evolution Free theme at https://wordpress.org/support/view/theme-reviews/catch-evolution!

    Thanks again,

    Esther

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘remove space on top of website’ is closed to new replies.