MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing font family in Alder - CSS Selectors

Please note: This article is specifically for the Alder theme



This list of Alder's text element CSS is in coordination with this article: How do I change my theme's fonts?

Below, we've noted nearly all of Alder's text elements and how to target them with CSS in order to change their font-family. 

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




/* ----- GENERAL BODY TEXT ----- */
p,.post-entry,.post-entry p
   
   
/* ----- HEADER AREA ----- */
/* Navigation menu items */ #nav-wrapper .menu li a 
/* Mobile menu items */ .slicknav_nav a 
/* Top-bar search text */ #top-search input 
/* 'Show Menu' text */ .slicknav_menu .slicknav_menutxt 
  
  
/* ----- FEATURED AREA ----- */
/* Category */ .feat-item .cat a 
/* Post title */ .feat-overlay h4 a 
  
  
/* ----- POST HEADER ----- */
/* Post header title */ .post-header h2 a,.post-header h1 
/* Post header category */ .post-header .cat a 
/* Post date */ .post-header .sp-date a 
 
 
/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */ .post-entry p 
/* Post/Page blockquotes */ .post-entry blockquote p 
/* Post/Page numbered lists & bulletted lists */ .post-entry ul li,.post-entry ol li 
/* 'Continue Reading' button */ .post-meta .read-more a 
 
/* Post/Page Body H-tags */
.post-entry h1 
.post-entry h2 
.post-entry h3 
.post-entry h4 
.post-entry h5 
.post-entry h6 
  
  
/* ----- INDEX SHORTCODE ROWS ----- */
/* Section title */ .post-entry .index-heading>span 
/* "View All" link */ .post-entry .index-heading a 
/* Index post titles */ .short-header h2 a,.short-header h2 
/* Index post category */ .short-header .cat a 
  
  
/* ----- CONTACT FORM 7  ----- */
/* Name, email, subject, message, etc. labels */ .wpcf7 label 
/* Input fields */ .wpcf7 input,.wpcf7 select,.wpcf7 textarea 
/* Submit button */ .wpcf7 .wpcf7-submit 
  
  
/* ----- ARCHIVE PAGE ----- */
/* "Explore" text */ .archive-box span 
/* Category, tag, etc. title */ .archive-box h1 
  
  
/* ----- POST & PAGE FOOTER AREA ----- */ 
/* Post/page "By" text */ .by 
/* Post author */ .meta-author a 
/* Post tags */ .post-tags a 
/* Previous Post / Next Post */  .pagination-text 
/* Previous Post / Next Post post titles */ .pagination-item h3 a 
  
  
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */ .related-heading 
/* Post titles */ .item-related h3 a 
  
  
/* ----- POST COMMENTS ----- */
/* Section's title */ .post-comments .related-heading 
/* "Reply" button */ .post-comments span.reply a 
/* "Leave a Reply" Text */ #respond  h3 
/* Name, email, website, etc. */ #respond .comment-form-author input,#respond .comment-form-email input   [SPACER]   #respond .comment-form-url input 
/* Post comment button */ #respond #submit 
/* Commentator's name */ .thecomment .comment-text h6.author,.thecomment .comment-text h6.author a 
/* Comment's date & time */ .thecomment .comment-text span.date 
/* Comment's text */ .comment-text p 
  
  
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */ .alder-pagination a 
  
/* ----- WIDGETS ----- */
/* Widget titles */ .widget h4.widget-title 
/* Solo Pine's latest posts widget post titles */ .side-pop.list .side-pop-content h4 a 
/* Solo Pine's latest posts widget date */ .side-pop.list .side-pop-content span.date 
/* WP's recent posts widget items */ .widget_recent_entries ul li a 
/* WP's archive widget items */ .widget_archive ul li a 
/* WP's category widget items */ .widget_categories ul li a 
/* Solo Pine's About widget text */ .about-widget p 
/* Newsletter widget headline */ .subscribe-box h4 
/* Newsletter widget text */ .subscribe-box p 
/* Newsletter "Your email address" text */ .home-widget .subscribe-box input 
/* Newsletter widget "Subscribe" button */ .subscribe-box input[type=submit] 
/* Solo Pine's Promo widget title */ .promo-overlay  h4 
  
  
/* ----- FOOTER AREA ----- */
/* Footer text */ .footer-text