space above page title (shoreditch theme)

  • Unknown's avatar
    sofiaminetto · Member ·

    hi,

    I am using shoreditch theme on my website.

    I don’t have a featured image set for the pages on my menu and subpages. I find that there is a lot of blank space above the pages titles (for example in the “who we are” and “contact us” page; the space seems to be smaller above the “our work” page title).

    is there a way to remove or reduce this blank space, since I don’t plan to set a featured image for the pages?

    thanks a lot!

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

  • Unknown's avatar
    ironnysh · Member ·

    Hi,
    Can you please try embedding the CSS adjustment mentioned in the following thread?
    https://wordpress.org/support/topic/decrease-header-and-footer-height/#post-10953970
    It’s a few years old, but I think it might still be valid.

    I hope that helps!

  • Unknown's avatar
    sofiaminetto · Member ·

    hi,

    thanks for the tip. I did add the CSS code but not sure it worked. I still see a blank space above the headers, and it also seems to vary across pages sometimes :(

    maybe I need to make some further adjustments to the CSS code?

  • Unknown's avatar
    ironnysh · Member ·

    Hi,
    Sorry for the late reply, I haven’t been near my computer :-)

    I’ve installed the theme on my local testing site, and as far as I understand, the space above the page/post title is set using the hentry CSS class.

    The top spacing is defined in different sections of the stylesheet (also relating to various screen sizes using media queries). Can you try changing the values of padding-top across the file and see if it works as you expect?

  • Unknown's avatar
    sofiaminetto · Member ·

    hi,

    no worries at all.

    I am not sure I understood your suggestion: should I change the values of padding-top in the CSS code you indicated in the previous reply?

    if yes, I did it and tried the following (padding-top changed from 55 to 20):


    @media     screen and (min-width: 896px) {

    /* Decrease Header Height */
    .sticky-header .site-content {
    padding-top: 20px !important;
    }
    .site-branding,
    .main-navigation {
    margin-top: 0.5em;
    }

    .site-header {
    padding-bottom: 0.5em;
    }

    /* Decrease Footer Height */
    .site-footer {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    }

    }

    but nothing seems to change. did I interpret your post correctly?

    thanks a lot

  • Unknown's avatar
    ironnysh · Member ·

    Hi there,
    Sorry I wasn’t clear before.
    I suggested changing only the padding-top values associated with the .hentry class in the CSS file.

    The code you pasted above refers to other CSS classes (specifically, .sticky-header .site-content; .site-branding, .main-navigation; .site-header; and .site-footer).

    You can find exactly where the .hentryappears in the theme’s CSS file using the browser’s built-in DevTools/Web Inspector. This support article has a video tutorial that will walk you through the process:
    https://wordpress.com/support/how-to-find-your-themes-css/

    Let me know if this works.

  • The topic ‘space above page title (shoreditch theme)’ is closed to new replies.