2017 front page: remove “POSTS” header and make all posts wider?

  • Resolved gebseng

    (@gebseng)


    7 years, 1 month ago

    Hi everyone,

    I am having some trouble finding custom CSS to achieve the following in the twenty seventeen (child) theme:

    the front page shows all posts, the other menu entries are just single pages.

    I would very much like to remove the POSTS tile AND make the category as wide as
    the other pages.

    I can hide the POSTS tile on the left with:
    h2.page-title {
    display: none;
    }

    but this leaves an empty white space on the left, how can I make the category (NOT the single posts) as wide as simple pages?

    thanks for your input,

    geb

    • This topic was modified 7 years, 1 month ago by gebseng.
    • This topic was modified 7 years, 1 month ago by gebseng.
    • This topic was modified 7 years, 1 month ago by gebseng.

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

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi Geb,

    The following custom CSS will increase the width of the posts on your site’s front page:

    .page-header {
    display: none;
}

.blog:not(.has-sidebar) #primary article {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
    float: inherit;
}

    Can you give that a try and let me know how you get on? Thanks!

    Thread Starter gebseng

    (@gebseng)

    Yay that did the trick! Thank you so much!

    best,

    geb

    • This reply was modified 7 years, 1 month ago by gebseng.

    Glad to hear it! ??

    Hello,
    I am also trying to do same thing…remove the word “POSTS from the frontpage. I have copied the code you suggested in the CSS file but it did not work.

    I am assuming that it is in the style.css is there a specific place in the file that I have to place it? does it matter?

    I also noticed that when I looked at the frontpage html code it is only mentioned in
    <header class=”page-header”>
    <h2 class=”page-title”>Posts</h2>
    </header>
    but I do not know what file it is in to modify?

    Your help is greatly appreciated ??
    Thank you!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @paxglob, You need to open a new thread: https://www.ads-software.com/support/theme/twentyseventeen/#new-post

    I added

    .page-header {
    display: none;
    }

    in Appearance / Customize / Additional CSS

    no problem.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘2017 front page: remove “POSTS” header and make all posts wider?’ is closed to new replies.