How to Hide Specific Post Elements

How to Hide Specific Post Elements

If you’d like to hide certain parts of your blog posts or post listings, you can do so by adding small CSS snippets to: Theme Options > Layout > Advanced > Custom CSS

To hide the post author on single posts, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-inner .pix-post-meta-author {
display: none !important;
}

Image link

Post Author on Single Posts

To hide the post author in blog elements or related posts, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-element .pix-post-meta-author {
display: none !important;
}

Image link

Post Author on Blog and Related Posts

To hide post categories on the single post page, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-inner .pix-post-meta-badges {
display: none !important;
}

Image link

Post Categories on Single Post Page

To hide post categories in blog items or related posts, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-element .pix-post-meta-categories {
display: none !important;
}

Image link

Post Categories on Blog and Related Posts

To hide post categories in blog carousel elements, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-main-slider .pix-post-meta-element .pix-post-meta-categories {
display: none !important;
}

Image link

Post Categories in Blog Carousel

To hide the comment count in the post page, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-box .pix-post-meta-comments {
display: none !important;
}

Image link

Post Comments Count on Single Post Page

To hide the comment count in blog or related post items, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-element .pix-post-meta-comments {
display: none !important;
}

Image link

Post Comments Count in Blog and Related Posts

To hide the post date on the post page, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-inner .pix-post-meta-date,
.pix-post-meta-inner .pix-post-entry-date {
display: none !important;
}

Image link

Post Date on Single Post Page

To hide the post date in blog or related post items, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-element .pix-post-entry-date,
.pix-post-meta-element .pix-post-meta-date {
display: none !important;
}

Image link

Post Date in Blog and Related Posts

To hide the post title in the single post page, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.single-post .pix-post-title {
display: none !important;
}

Image link

Post Title on Single Post Page

To hide the post title in blog elements, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-element .entry-title a {
display: none !important;
}

Image link

Post Title in Blog Items

To hide the excerpt text under blog posts, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-meta-element .text-break {
display: none !important;
}

Image link

Blog Post Excerpt

To hide the featured image in the post page, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.single-post .post-thumbnail {
display: none !important;
}

Image link

Post Thumbnail on Single Post Page

To hide the next/previous post navigation, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.navigation.post-navigation { display: none !important; }

Image link

Post Navigation

To hide the tags section on the post page, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-post-tags { display: none !important; }

Image link

Post Tags

To disable related posts entirely, go to:
Theme Options > Blog > Advanced > Disable Related Posts > ON

To hide excerpt, date, and read more button from related posts while keeping the layout, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-related-items .w-100 > .position-relative > :not(.pix-post-meta-categories):not(.entry-title) {
display: none !important;
}

Image link

Related Posts Excerpt, Date and Read More Button

To hide the Facebook and X (Previously Twitter) buttons, go to:
Theme Options > Blog > Advanced > Disable Post Social Share Buttons > ON

Image link

Single Post Social Share Buttons

To remove the author info box below posts, go to:
Theme Options > Blog > Advanced > Disable Post Author Box > ON

To remove the website link from the author info box, go to:
Users > Edit User > Website Field

Image link

Post Author Box

To remove the “Like” button from your website blog and portfolio pages, go to:
Plugins > Deactivate pixfort Likes Plugin

To hide thumbnails in the blog carousel, add the following CSS snippet into:
Theme Options > Layout > Custom CSS

.pix-main-slider .pix-post-meta-element .d-block.pix-fit-cover, .pix-main-slider .pix-post-meta-element .card {
display: none !important;
}

Image link

Thumbnails in Blog Carousel

To disable post comments, please follow the steps in this article:

pixfort
pixfort
Support Team

Hey, this is pixfort support team, if you still need help you can always reach us via your pixfort account

Related Posts

Search

Start typing to search for a specific article on our website

Made with Popup Builder
Image link
Hey there

Search for a specific article

Get started

Check useful guides to get started

Still need Help?

Send us a support message

Our usual reply time: 1 Business day