Remove space between header image and page text

  • Unknown's avatar
    privatetaxilaos · Member ·

    Hi,
    I’m trying to remove line breaks between the header image and the body copy.

    There is no coding in the html for this and there is no space in the editor window for removing extra lines.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    You could reduce the spacing between the header and the main content of your site with some custom CSS.

    In case you’re not familiar with CSS: It’s a coding language that’s used across the web to define the appearance of sites. Here at WordPress.com, the option of adding custom CSS is included as part of the WordPress.com Premium or Business plan and allows you to change certain parts of a theme’s design.

    Add the following snippet to the CSS panel of the WordPress.com Customizer to reduce the space:

    @media only screen and (min-width: 50em) {
    .site-content {
        margin-top: 3.5em;
    }
}

    Increase/decrease the value of margin-top to your liking. Please note that increments/decrements of 0.1 are enough to have an impact e.g. 3.4em, 3.3em, etc.

    Let me know how you get on with that! I’ll be happy to help if any extra questions come up.

  • The topic ‘Remove space between header image and page text’ is closed to new replies.