MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing font size in Alder - CSS Code

Please note: This article is specifically for the Alder theme. 




Would you like to change the font size of any of Alder's text elements? Below, we've noted nearly all of the theme's text elements and how to target them with CSS in order to change their font-size.  

Simply locate the text element in the list below you'd like to alter, copy the whole line of code, and paste it into WordPress Dashboard > Appearance > Customize > Custom CSS.  

We've listed each item with its default font size, so feel free to adjust it to whatever pixel size you prefer instead.  

Should you have any questions regarding the below elements, want any clarifications, or would like a hand adjusting font-size, please don't hesitate to open up a new support ticket and let us know!



/* ----- GENERAL BODY TEXT ----- */
p {font-size: 16px;}
  
  
/* ----- HEADER AREA ----- */
/* Navigation menu items */ #nav-wrapper .menu li a {font-size: 11px;}
/* Navigation sub-menu items */ #nav-wrapper .menu li a {font-size: 10px;}
/* Mobile menu items */ .slicknav_nav .slicknav_item a {font-size: 12px;}
/* Top-bar search text */ #searchform input#s {font-size: 15px;}
/* Top-bar social icons */ #top-social a i {font-size: 12px;}
  
   
/* ----- FEATURED AREA ----- */
/* Category */ .feat-overlay .cat a {font-size: 11px;}
/* Large box post title */ .feat-overlay h2 a {font-size: 32px;}
/* Smaller box post title */ .feat-overlay h4 a {font-size: 24px;}
  
   
/* ----- POST HEADER ----- */
/* Standard post/page header title */ .post-header h2 a, .post-header h1 {font-size: 32px;}
/* Grid post header title */ .grid-item .post-header h2 a {font-size: 20px;}
/* Full-width List post header title */ #main.fullwidth .list-item .post-header h2 a {font-size: 30px;}
/* Sidebar enabled List post header title */ .list-item .post-header h2 a {font-size: 28px;}
/* Post header category */ .post-header .cat a {font-size: 11px;}
  
   
/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */ .post-entry p {font-size: 16px;}
/* Post/Page blockquotes */ .post-entry blockquote p {font-size: 20px;}
/* Post/Page numbered lists & bulletted lists */ .post-entry ul li, .post-entry ol li {font-size: 16px;}
/* 'Continue Reading' button */ .post-entry .read-more, .read-more {font-size: 11px;}
  
    
/* Post/Page Body H-tags */
.post-entry h1 {font-size: 32px;}
.post-entry h2 {font-size: 28px;}
.post-entry h3 {font-size: 26px;}
.post-entry h4 {font-size: 23px;}
.post-entry h5 {font-size: 20px;}
.post-entry h6 {font-size: 17px;}
 
  
/* ----- INDEX SHORTCODE GRIDS ----- */
/* Section title */ .post-entry .index-heading > span {font-size: 16px;}
/* "View All" link */ .post-entry .index-heading a {font-size: 11px;}
/* Index post titles */ index-item .grid-item .post-header h2 a {font-size: 18px;}
/* Index categories */ .short-header .cat a {font-size: 11px;}
  
  
/* ----- CONTACT FORM 7  ----- */
/* Name, email, subject, message, etc. labels */ .wpcf7 label {font-size: 16px;}
/* Input fields */ .wpcf7 input, .wpcf7 select, .wpcf7 textarea {font-size: 12px;}
/* Submit button */ .wpcf7-submit {font-size: 12px;}
  
  
/* ----- ARCHIVE PAGE ----- */
/* "Explore" text */ .archive-box span {font-size: 13px;}
/* Category, tag, etc. title */ .archive-box h1 {font-size: 28px;}
  
  
/* ----- POST & PAGE FOOTER ----- */ 
/* "By" */ .post-meta .date a {font-size: 15px;}
/* Post author */ .meta-author a {font-size: 12px;}
/* Social share icons */ .post-share a i {font-size: 12px;}
/* Previous Post / Next Post */  .pagination-text {font-size: 11px;}
/* Previous Post / Next Post post titles */  .pagination-item h3 a {font-size: 16px;}
  
  
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */ .related-heading {font-size: 13px;}
/* Post titles */ .item-related h3 a {font-size: 18px;}
 
   
/* ----- POST COMMENTS ----- */
/* Section's title */ .post-comments .related-heading {font-size: 13px;}
/* "Reply" button */ .post-comments span.reply a {font-size: 10px;}
/* "Leave a Reply" Text */ #respond  h3 {font-size: 11px;}
/* Name, email, website, etc. */ #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {font-size: 11px;}
/* "Post Comment" button */ #respond #submit {font-size: 11px;}
/* Commentator's name */ .thecomment .comment-text h6.author, .thecomment .comment-text h6.author a {font-size: 12px;}
/* Comment's date & time */ .thecomment .comment-text span.date {font-size: 10px;}
/* Comment's text */ .comment-text p {font-size: 16px;}
  
  
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */ .alder-pagination a {font-size: 10px;}
  
  
/* ----- WIDGETS ----- */
/* Widget titles */ .widget-title {font-size: 15px;}
/* Solo Pine's Latest posts widget post titles */ .side-pop.list .side-pop-content h4 a {font-size: 16px;}
/* Solo Pine's Latest posts widget date */ .side-pop.list .side-pop-content span.date {font-size: 10px;}
/* Solo Pine's About widget text */ .about-widget p {font-size: 16px;}
/* Solo Pine's Promo widget title */ #sidebar .promo-overlay  h4 {font-size: 11px;}
/* Newsletter widget headline */ .subscribe-box h4 {font-size: 16px;}
/* Newsletter widget text */ .subscribe-box p {font-size: 14px;}
/* Newsletter "Your email address" text */ .subscribe-box input {font-size: 13px;}
/* Newsletter widget "Subscribe" button */ .subscribe-box input[type=submit] {font-size: 12px;}
  
  
/* ----- FOOTER AREA ----- */
/* Footer social icons */ #footer-social a {font-size: 14px;}
/* Footer text on left */ p.footer-text.left {font-size: 11px;}
/* Footer text on right */ p.footer-text.right {font-size: 11px;}