Edit display of permalinks and vertical space at top?

  • Resolved anunderdog

    (@anunderdog)


    4 years, 11 months ago

    Hi. I’ve got a new website host (DNS doesn’t point to it yet) and have decided to jump in and give WordPress a try for my simple, six-page, static website (not a blog). I am using the Twenty Twenty theme and am off to a fair start but have two questions.

    1. There is a “permalink” near the top of each page with the name of the page. I do not want those to display. I can’t find any setting to disable these and my research indicates (I think) I should use the custom CSS section to do this but am not sure what to enter there. Am I correct? How do I delete those permalinks at the top of each page?

    2. (After the permalinks are gone), I will want to move the content of each page higher on the page, closer to the top, so that there isn’t a bunch of blank, vertical space between the top (with the logo and menu) and each page’s content. How do I accomplish this? Is it another CSS tweak? What do I need to adjust?

    Any help appreciated. Thanks.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Mel Choyce-Dwan

    (@melchoyce)

    Hey @anunderdog, just to clarify, are you trying to hide these page titles? https://cloudup.com/cCfWUn9AvFw

    If so, you can add:

    .entry-header {
    display: none;
}

    To the “Custom CSS” panel in your site’s Customizer.

    Thread Starter anunderdog

    (@anunderdog)

    Thanks. Yes, that worked. Now, what about moving the page content closer to the top? Any ideas?

    Thread Starter anunderdog

    (@anunderdog)

    Actually, now that I look at it, your tweak was enough to fix the look. Thank you again.

    Moderator Mel Choyce-Dwan

    (@melchoyce)

    You’re welcome!

    I’d always use this to hide element visually but keep it available for screen reader and search engine (I suppose).

    
.class-to-hide-visually  {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

    If the OP only wants to hide header on Pages and not on Posts, use this as a selector

    
.page .entry-header
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Edit display of permalinks and vertical space at top?’ is closed to new replies.