Support » Theme: Twenty Twenty » theme twenty twenty – adjusting margin/padding. and removing built in block.

  • Resolved shmurl

    (@shmurl)


    I am using theme twenty twenty. I want to make 3 changes.
    1) I want to have smaller margins/padding between the menu and the page.
    2) I also want to make smaller margins between the blocks.
    3) The title of the page is displayed as a big Header. I am trying to remove that block with the title (just deleting the text isn’t enough, because the block still leaves a big empty space)

    Any and all help would be very much appreciated!

    Thanks in advance.

    • This topic was modified 1 month, 2 weeks ago by shmurl.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • 1. To make the padding smaller between the menu and the page add this css code in additional css:

    .singular .entry-header{
    padding:0rem;
    }

    2. To make smaller margins between the current blocks add this css code in additional css:

    .wp-block-columns:not(.alignwide):not(.alignfull) {
    margin-top:0rem;
    margin-top:0rem;
    }

    3. Add the below css code in your themes additional css to hide and remove all margin and padding from the title description:

    .site-description {
        display: none;
        margin: 0;
        padding: 0;
    }

    1 & 2 worked nicely. Thanks!

    #3 removed the site description. I am looking to remove the title of the page (in this case “home”).

    Is there a “cheat sheet” where I can find the correct titles of the different sections of the page, so I can try to do these types of edits without having to ask on the forums?

    Thanks again for your help!

    #3 To hide the title from pages save the below code in your themes additional css.

    .singular .entry-header {
    display:none;
    }

    To check the properties of different section you can use inspect element of your browser.

    Worked like a charm!
    Thanks very much!

    PS
    in #2 the last line is written twice. I changed it to margin-bottom

    .wp-block-columns:not(.alignwide):not(.alignfull) {
    margin-top:0rem;
    margin-top:0rem;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.