Support » Theme: Twenty Twenty » Edit display of permalinks and vertical space at top?

  • Resolved anunderdog

    (@anunderdog)


    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.

    anunderdog

    (@anunderdog)

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

    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)
  • You must be logged in to reply to this topic.