How to change the fonts size in WordPress 4.4.2

If you want to change the font size in your WordPress below is the some of the CSS codes you can use to customize your blog.

WordPress Dashboard -> Appearance -> Edit CSS

And then start to copy & paste this codes in your window

/* ----- GENERAL BODY TEXT ----- */
p {font-size: 13px;}

/* ----- TOP BAR ----- */
/* Top-bar menu items */   #nav-wrapper .menu li a {font-size: 10px;}
/* Top-bar social icons */   #top-social a i {font-size: 13px;}
/* Top-bar search text */   #top-search input {font-size: 13px;}

/* ----- SLIDER OVERLAY ----- */
/* Slider category */   .feat-overlay .post-header .cat a {font-size: 10px;} 
/* Slider post title */   .feat-item .post-header h2 a {font-size: 24px;}
/* Slider post date */   .feat-item .post-header .date {font-size: 11px;}
/* Slider read more button */   .feat-item .read-more {font-size: 10px;}

 





/* ----- POST HEADER ----- */
/* Post header title */   .post-header h2 a, .post-header h1 {font-size: 26px;}
/* Post header category */    .post .post-header .cat a {font-size: 10px;}
/* Post header date */   .post .post-header .date {font-size: 11px;}

/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */   .post-entry p {font-size: 13px;}
/* Post/Page blockquotes */   .post-entry blockquote p {font-size: 18px;}
/* Post/Page numbered lists & bulletted lists */   .post-entry ul li, .post-entry ol li {font-size: 13px;}
/* Post Read more button */   .more-button {font-size: 10px;} 

/* This part is to change the MENU Color currently its white #fff */
.main-nav li a {
 color: #fff;
}

/* Change font of MENU button */
.menu li {
 font-size: 13.5px;
/*or what size you want */
}

/* Change font of POST/PAGE title INSIDE THE CONTENT POST/PAGE */
.post .entry-title {
/*font-family: Quicksand, Helvetica, Arial, sans-serif; 34*/
 font-size: 20px;
 text-align: left;
}

/* Change font size POST/PAGE title in the FRONT PAGE ONLY */
.post .single .entry-title {
 font-weight: normal;
 font-size: 30px;
 text-align: left;
}

/* Change font size STATIC PAGE Title i.e About, Contact, Privacy, Sitemap, Copyright*/
.page .entry-title {
 font-weight: normal;
 font-size: 29px;
 text-align: left;
}

/*Change the font size in RELATED ARTICLES */
.related-content .content-grid-title {
 font-size: 16px;
}

/* SIDEBAR WIDGETS Widget titles */
.widget-title {
 font-size: 12px;
}

/* Post/Page H-tags */
.post-entry h1 {font-size: 26px;}
.post-entry h2 {font-size: 24px;}
.post-entry h3 {font-size: 21px;}
.post-entry h4 {font-size: 19px;}
.post-entry h5 {font-size: 17px;}
.post-entry h6 {font-size: 15px;}

 





/* ----- ARCHIVE PAGE ----- */
/* Browsing category, tag, etc. banner text */   .archive-box span {font-size: 10px;}
/* Banner's category, tag, etc. title */   .archive-box h1 {font-size: 36px;}

/* ----- POST & PAGE FOOTER ----- */ 
/* Post/page footer share icons */   .meta-share a {font-size: 16px;}
/* Post/page "share" text */   .meta-share {font-size: 13px;}
/* Post comment counter */   .meta-comments a {font-size: 13px;}

/* ----- AUTHOR BOX ----- */
/* Post author name */   .author-content h5 a {font-size: 18px;}
/* Author bio text */   .author-content p {font-size: 13px;}
/* Author social icons */   .author-content .author-social {font-size: 14px;}

/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */   .post-related .post-box-title {font-size: 11px;}
/* Post titles */   .item-related h3 a {font-size: 14px;}
/* Post date */   .item-related span.date {font-size: 11px;}

/* ----- POST COMMENTS ----- */
/* Section's title */   .post-comments .post-box-title {font-size: 11px;}
/* Leave a reply */   #respond h3 {font-size: 11px;}
/* Name, email, website, etc. */   #respond label {font-size: 13px;}
/* Post comment button */   #respond #submit {font-size: 11px;}
/* Commentator's name */   .thecomment .comment-text h6.author, .thecomment .comment-text h6.author a {font-size: 13px;}
/* Comment's date & time */   .thecomment .comment-text span.date {font-size: 11px;}
/* Comment's text */   .comment-text p {font-size: 13px;}

/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */   .pagination a {font-size: 11px;}

/* ----- SIDEBAR WIDGETS ----- */
/* Widget titles */   .widget-title {font-size: 10px;}
/* Latest posts widget post titles */   .widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 13px;}
/* Latest posts widget date */   .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {font-size: 11px;}
/* WP's recent posts widget items */   .widget_recent_entries ul li a {font-size: 13px;}
/* WP's archive widget items */   .widget_archive ul li a {font-size: 13px;}
/* WP's category widget items */   .widget_categories ul li a {font-size: 13px;}
/* Tag cloud */   .widget .tagcloud a {font-size: 9 !important;}
/* About widget text */   .about-widget p {font-size: 13px;}
/* Social widget icons */ .social-widget a {font-size: 16px;}

/* ----- FOOTER AREA ----- */
/* Instagram widget title */   .instagram-title {font-size: 16px;}
/* Footer left-side copyright/disclaimer text */  #footer .copyright.left {font-size: 12px;}
/* Footer right-side copyright/disclaimer text */  #footer .copyright.right {font-size: 12px;}
/* Footer copyright/disclaimer text */  #footer .copyright {font-size: 12px;}

Be the first to comment on "How to change the fonts size in WordPress 4.4.2"

Leave a comment

Your email address will not be published.