• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / TWENTY SIXTEEN: Home Page posts – Remove post.footer.entry metadata

TWENTY SIXTEEN: Home Page posts – Remove post.footer.entry metadata

  • Unknown's avatar
    jmndotme · Member · Aug 28, 2016 at 2:43 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi guys,
    My Home Page shows around six posts.
    Currently, the post.footer.entry metadata appears after each post.
    What I would like to do is this:

    1) Remove that metadata. If this means that this also removes that information from the actual post, when viewed, then that’s okay.
    2) Underneath the post title, place only the publish date.
    3) Underneath the post title, if anyone has made a comment, place the number of comments directly underneath the date, eg 2 comments.

    For example:

    2016 #579
    August 26, 2016
    2 comments

    3a) If there are no comments, just leave it blank (not Leave a comment).

    4) As a result of doing the above, on the Home Page posts, place after each post a spaced ellipse centred, as a divider between the posts. Dots will be fine, with appropriate aesthetic spacing before and after the ellipse.

    Your help with providing the CSS/HTML (as I am a Premium blog) to do the above is very much appreciated. Thank you!

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

  • Unknown's avatar
    thesacredpath · Member · Aug 28, 2016 at 7:50 pm
    • Copy link Copy link

    Hi there,

    1) Remove that metadata. If this means that this also removes that information from the actual post, when viewed, then that’s okay.
    2) Underneath the post title, place only the publish date.
    3) Underneath the post title, if anyone has made a comment, place the number of comments directly underneath the date, eg 2 comments.

    To remove the tags and categories from the posts, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

    .entry-footer > span.cat-links, .entry-footer > span.tags-links {
        display: none;
    }

    For #3 and 3a, that would require modification of the theme php script files, and we cannot do that at WordPress.com.

    4) As a result of doing the above, on the Home Page posts, place after each post a spaced ellipse centred, as a divider between the posts. Dots will be fine, with appropriate aesthetic spacing before and after the ellipse.

    Let’s start with this and see what you think.

    .hentry .entry-content:after {
        content: "...";
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        letter-spacing: 2px;
        font-weight: bold;
    }
  • Unknown's avatar
    jmndotme · Member · Aug 30, 2016 at 7:02 am
    • Copy link Copy link

    Dear Sacred Path, Thank you for these suggestions.

    Re the footer.entry.metadata: I wanted ALL the information to be removed, not just Categories and Tags: So, remove the:

    gravatar image my name / publish date / Edit

    The ellipse looks great, thank you!

  • Unknown's avatar
    thesacredpath · Member · Aug 30, 2016 at 9:43 pm
    • Copy link Copy link

    This will remove the entry footer content everywhere for you.

    .entry-footer {
        display: none;
    }
  • Unknown's avatar
    jmndotme · Member · Sep 1, 2016 at 11:06 am
    • Copy link Copy link

    Dear S.P.: Thanks again. This works beautifully! You know your stuff… :)

    PS: I noticed a Daily Post article in my dashboard today re Content Options in the Theme Customizer that virtually does the same thing re removing (or adding) author info, publish date, etc! Fantastic!

    PS: I presume I can delete your previous code and replace it with the latest only? I will mark this as resolved. Thank you ever so much for your quick help. Now, only a couple more things…
    Cheers!

  • Unknown's avatar
    thesacredpath · Member · Sep 2, 2016 at 6:28 am
    • Copy link Copy link

    That is indeed another way of doing it. Not all theme support Content Options, or offer only partial support.

    Yes, you can remove the other meta data rule I had provided earlier.

  • The topic ‘TWENTY SIXTEEN: Home Page posts – Remove post.footer.entry metadata’ is closed to new replies.

Tags

  • ellipse
  • footer entry metadata
  • home page posts
  • remove
  • Twenty Sixteen

About this topic

  • In: CSS Customization
  • 2 participants
  • 5 replies
  • Last activity 9 years
  • Latest reply from jmndotme

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions