{"id":4478,"date":"2020-12-04T00:13:04","date_gmt":"2020-12-04T00:13:04","guid":{"rendered":"https:\/\/essentials.pixfort.com\/knowledge-base\/?p=4478"},"modified":"2023-09-12T21:32:00","modified_gmt":"2023-09-12T21:32:00","slug":"how-to-hide-specific-post-elements","status":"publish","type":"post","link":"https:\/\/essentials.pixfort.com\/knowledge-base\/how-to-hide-specific-post-elements\/","title":{"rendered":"How to hide specific Post elements"},"content":{"rendered":"

[vc_row pix_particles_check=””][vc_column][vc_column_text]If you want to customize your website to hide specific parts in the post page or blog posts item you can add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css<\/strong>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607042926884{margin-bottom: 100px !important;}”][vc_column]

<\/defs> <\/path> <\/path> <\/g> <\/svg><\/div><\/div>
Hide post author<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide this element in the post page, you can add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css:<\/strong>[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-inner .pix-post-meta-author {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][vc_column_text]To hide this element in the blog page, blog element in your page or related posts:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-element .pix-post-meta-author {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607042934922{margin-bottom: 100px !important;}”][vc_column]
 <\/defs>  <\/path> <\/g> <\/svg><\/div><\/div>
Hide Post Categories<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide this element in the post page, you can add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css:<\/strong>[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-inner .pix-post-meta-badges {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][vc_column_text]To hide this element in the blog page or blog element in your page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-element .pix-post-meta-categories {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][vc_column_text]To hide this element in the Blog carousel element in your page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-main-slider .pix-post-meta-element .pix-post-meta-categories {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607042943942{margin-bottom: 100px !important;}”][vc_column]
 <\/defs>  <\/path> <\/path> <\/g> <\/svg><\/div><\/div>
Hide Post Comments count<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide this element in the post page, you can add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css:<\/strong>[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-box .pix-post-meta-comments {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][vc_column_text]To hide this element in the blog page or blog element in your page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-element .pix-post-meta-comments {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607045244691{margin-bottom: 100px !important;}”][vc_column]
 <\/defs>  <\/path> <\/path> <\/g> <\/svg><\/div><\/div>
Hide Post date<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide this element in the Post page<\/strong>, you can add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css:<\/strong>[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-inner .pix-post-meta-date,\n.pix-post-meta-inner .pix-post-entry-date {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][vc_column_text]To hide this element in the Blog Page,<\/strong>\u00a0Blog Element<\/strong> and Related Posts<\/strong> in your page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-element .pix-post-entry-date,\n.pix-post-meta-element .pix-post-meta-date {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607045244691{margin-bottom: 100px !important;}”][vc_column]
 <\/defs>  <\/path> <\/g> <\/svg><\/div><\/div>
Hide Post Title<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide this element in the blog page or blog element in your page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.single-post .pix-post-title {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][vc_column_text]To hide this element in the blog page or blog element in your page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-element .entry-title a {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607041385953{margin-bottom: 30px !important;}”][vc_column]
 <\/defs>  <\/rect> <\/rect> <\/path> <\/g> <\/svg><\/div><\/div>
Hide Blog Posts Excerpt<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide the posts excerpt text in the blog page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.pix-post-meta-element .text-break {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607041385953{margin-bottom: 30px !important;}”][vc_column]
 <\/defs>  <\/path> <\/g> <\/svg><\/div><\/div>
Hide Post Thumbnail<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide this element in the post page:[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.single-post .post-thumbnail {\n    display: none !important;\n}<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607041385953{margin-bottom: 30px !important;}”][vc_column]
 <\/defs>  <\/rect> <\/path> <\/path> <\/g> <\/svg><\/div><\/div>
Hide Post Navigation<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide the post navigation (Previous\/Next post), add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css:<\/strong>[\/vc_column_text]
\"Image<\/div><\/div>[vc_column_text]<\/p>\n
.navigation.post-navigation { display: none !important; }<\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607041385953{margin-bottom: 30px !important;}”][vc_column]
 <\/defs>  <\/circle> <\/circle> <\/circle> <\/g> <\/svg><\/div><\/div>
Hide Post Tags<\/h5>
<\/div><\/div><\/div><\/a>[vc_column_text]To hide the post tags, add the corresponding code snippet into your website in Theme options > Layout > Advanced > Custom css:<\/strong>[\/vc_column_text][vc_column_text]<\/p>\n
.pix-post-tags { display: none !important; }<\/pre>\n
[\/vc_column_text]
\"Image<\/div><\/div>[\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1607041385953{margin-bottom: 30px !important;}”][vc_column]