Change size/color of the Post/Page Icon & Title

Last Reviewed: 3-Apr-15 (3.3.13)3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.
/* START OF Change size/color of the Post/Page Icon & Title */
/* Change size of Page/Post Title */
/* h1=Page, h2=Post, tc-grid-icon=Grid */
h1.entry-title, h2.entry-title, article.sticky h2, .tc-grid-icon::before {
font-size: 10px !important;   /* Alternative 1 */
}
h1.entry-title, h2.entry-title, article.sticky h2, .tc-grid-icon::before {
font-size: 90% !important;    /* Alternative 2 */
}
h1.entry-title, h2.entry-title, article.sticky h2, .tc-grid-icon::before {
font-size: 0.5em !important;  /* Alternative 3 */
}
/* Change color of Page/Post/Grid Icon/Title */
h1.entry-title, h2.entry-title, article.sticky h2,
h1.entry-title>a, h2.entry-title>a, article.sticky h2>a,
.tc-grid-icon::before {
color: red; /* Change red to required color */
}
/* END OF Change size/color of the Post/Page Icon & Title */

(Credit: @rdellconsulting/@Steve Enggass)

11 thoughts on “Change size/color of the Post/Page Icon & Title”

Comments are closed.