• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Gokul Deepak

GoCool and Debug

  • Home
  • WordPress
  • Android
  • How to
  • About Me
Home » Wordpress » How to Display only Title in Category page Genesis

How to Display only Title in Category page Genesis

August 24, 2017 by GokulDeepak Leave a Comment

Here in this post, I have explained how to display only Title in Category page genesis like given below. I’m using Genesis Sample theme in explaining this method. Remeber this is the only free official theme so I have spent a minimum amount for a clean framework and customising each and every page according to my wish without paying for the child theme.

 

How to display only Title in Category page Genesis

 

In the above example, only the titles of the post are displayed. We can also customize the link color, or to display author name or not etc.

For teaching this method Sridhar Katakam is charging $50. Let me share this for free which I have learned from reading many posts.

Let us now see this step by step.

Step 1: Open Notepad and paste this code and save as category.php

<?php
/**
 * This file adds a custom archive page to any Genesis child theme.
 *
 * @author    Brad Dalton
 * @example   http://wpsites.net/web-design/how-to-show-only-titles-on-archive-pages-in-genesis/
 * @copyright 2014 WP Sites
 */

//* Remove the breadcrumb navigation
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );

//* Remove the post content
remove_action( 'genesis_entry_content', 'genesis_do_post_content' );

//* Remove the post image
remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );

//* Remove the post meta function
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );

genesis();

Step 2: Upload the file to our theme folder. For me /wp-content/themes/genesis-sample

Step 3: Add these line to style.css. You can also access style.css through Appearance-> Editor-> Stylesheet

.category .content .entry {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 20px;
}

.category .content .entry-title {
  font-size: 24px;
color: #000000;
background: #ffffff;
text-align: left;
text-decoration: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
}
.category .content .entry-title a {
  font-size: 24px;
color: #c3251d;
background: #ffffff;
text-align: left;
text-decoration: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;

}

.category .content .entry-title a:hover{
text-decoration: underline;
color: #801813;
}


.category .archive-title{
display: none;
}
.category .entry-meta
{ display: none;}

You can play with this CSS by changing colors in the title of the post or remove ‘display:none’ to show entry-meta. Entry meta displays post date, author etc.

 

Hope now you know How to Display only Title in Category page Genesis

Related

Filed Under: Wordpress Tagged With: How to, Studiopress

Authored by Gokul Deepak S

Reader Interactions

Leave a Reply Cancel reply

Primary Sidebar

Popular Posts

  • Home
  • How to find the date of the Facebook group it was created
  • How to add ads.txt on Bluehost
  • Elementor Plugin and Nginx Configuration
  • Cloudflare SSL off vs Flexible Vs Full vs Full Strict
  • How to block access to the wp-content uploads folder
  • Output for timedatectl list-timezones

Recent Posts

  • Can’t connect to Ubuntu with SSH
  • Change Timezone in Ubuntu 20.04 – Simple method
  • Output for timedatectl list-timezones
  • PM2 Cheatsheet – Important Commands
  • MongoDB Terminal commands – Cheatsheet

Archives

Categories

  • Android
  • Apache
  • Blogger
  • Computer Tips
  • Earn
  • Facebook Tips
  • Git
  • Google Tips
  • How to
  • Laptop Tips
  • Laptops
  • Linux
  • Mobile
  • MongoDB
  • Nginx
  • Notepad++
  • PostgresQL
  • Ubuntu
  • Wordpress
  • Xenforo

Tags

Android Android One Bluehost Comparisions Custom ROM Elementor Facebook Genesis Genesis Sample Theme Google Drive How to Lineage OS OnePlus One OwnCloud Rooting Smartphones Stock ROM Studiopress Wordpress plugin

Copyright © 2021 · Maintained by GokulDeepak