New to the community? Start here

Stripping out blog post formatting?

I’m wondering if there is a way to strip out the entirety of the blog formatting?

So for example around the content of a standard blog post there is date, author, etc information (usually above), and sharing links and comment section (usually below). I’d like to figure out how to strip all that out so that when I insert a blog post on a page there is just the blog title and content.

Any help would be appreciated :slight_smile:

Sat, 2 Jan 2016 18:19:56
  • Rupok
    • Ex Staff

    Hi Pam

    I hope you had a wonderful day.

    You can strip out almost everything if you want with custom CSS Code. Here I’m including how you can hide Author, Date and Comments.

    For hiding Author box, use the following custom CSS Code:

    .upfront-output-object.upfront-postpart-object.upfront-postpart-author {
    
display: none;
    
}

    For hiding Date box, use the following custom CSS Code:

    .upfront-output-module.upfront-postpart-module.post_date.post-part.c2.ml2.mt0.part-module-date {
    
display: none;
    
}

    For hiding Comments box, use the following custom CSS Code:

    .upfront-comment {
    
display: none;
    
}

    You can use Upfront Custom CSS Editor to make these custom CSS work. To know more how to customize Upfront with Custom CSS, you can visit this article: https://wpmudev.com/blog/upfront-custom-css/

    Have a nice day. Cheers!

    Rupok

  • Rupok
    • Ex Staff

    Hey Pam

    I hope you had a wonderful day.

    You can hide the whole comments section with the following custom CSS Code:

    .upfront-comment {
    
display: none;
    
}

    Please let us know if you have any further query. We will be glad to help.

    Have a nice day. Cheers!

    Rupok

  • Pam
    • Site Builder, Child of Zeus

    Thanks so much for all your help….

    One last one – I have the date and author still showing up on both tablet and mobile versions (see the attached pic for a screenshot). I've tried using the post-author and post-date tags but no go… I think maybe I need to add something to narrow it down to the responsive parts but not sure how.

    Any suggestions?

    [attachments are only viewable by logged-in members]

  • Rupok
    • Ex Staff

    Hi Pam

    This is easy. From your screenshot I can see that you have gone to responsive editor already. Now click on the green setup icon, click on "CSS Styles and Anchor Settings", Click on "Add New Style" and a new panel will open at the bottom. Please check attached screenshot for reference. Paste the following custom CSS code there, and save the style with a new name.

    .post_author{
    
display: none !important;
    
}
    
.post_date{
    
display: none !important;
    
}

    Do it in both Tablet mode and Phone mode. This will hide the author and date from both Tablet and Phone.

    Have a nice day. Cheers!

    Rupok

    [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members]