WP SITES

2893

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

Using CSS To Only Display Title On Category Archives

I was recently asked how to display the title only on all category archives.

The easiest solution is to simply hide what you don’t want displayed using CSS code in your child themes style.css file.

.category .entry-meta,
.category .entry-content {
display: none;
}

The CSS above will remove both the post info and post meta as well as the excerpt and featured image so only the title displays.

Works on HTML 5 themes only and will need to be modified for theme specific classes.

And here’s the result:

category archives

You can also achieve the same result using PHP code which i will write about shortly.

Related Solutions

Reader Interactions

Comments

  1. Hey Brad,

    In this same idea, I am trying to remove the meta data from all posts in a specific category. So basically, if I categorize a post in the /category/case-studies/ I don’t want it to display the meta data. And really it is only the date I for sure want to hide. Author, tags and category I can live with, but not date.

    I tried: 

    .category-14 .post-meta {
    display:none;
}

    I’m using HTML5 Agency Pro from Studiopress..

    But that didn’t work.

    • Because it is post info not post meta which is now named entry-meta.

      .category-14 .entry-meta {
 display: none;
 }

      Or use PHP:

      add_filter( 'genesis_post_info', 'post_info_filter' );
function post_info_filter($post_info) {
if ( in_category('14') ) :
	$post_info = '[post_edit]';
	return $post_info;
endif;
}

Leave a Reply