MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing Font Family in Hawthorn - CSS Code

Please note: This article is specifically for the Hawthorn theme



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

If you're looking for a list of Hawthorn's text element CSS in order to change font size, please reference this article instead: Changing font size in Hawthorn - CSS code.

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

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




/* ----- GENERAL SITE BODY TEXT ----- */
p {font-family: 'your-font-name-here';}
   
   
/* ----- HEADER AREA ----- */
/* Navigation menu items */ #nav-wrapper .menu li a {font-family: 'your-font-name-here';}
/* Mobile menu items */ .slicknav_nav a {font-family: 'your-font-name-here';}
/* Top-bar search text */ .desk-show-search input, .mobile-show-search input {font-family: 'your-font-name-here';}
  
  
/* ----- FEATURED AREA SLIDER ----- */
/* Category */ .feat-content .cat a {font-family: 'your-font-name-here';} 
/* Post title */ .feat-content h2 a {font-family: 'your-font-name-here';}
/* Post excerpt text */ .feat-content p {font-family: 'your-font-name-here';}
/* Slider "read more" button */ .feat-item a.feat-more {font-family: 'your-font-name-here';}
/* Previous & next post buttons */ #featured-area .bx-controls a {font-family: 'your-font-name-here';}
/* Pagination counter */ #featured-area .bx-pager.bx-default-pager {font-family: 'your-font-name-here';}
  
  
/* ----- POST HEADER ----- */
/* Post header title */ .post-header h2 a, .post-header h1 {font-family: 'your-font-name-here';}
/* Post header category */ .post-header .cat a {font-family: 'your-font-name-here';}
/* Post date */ .post-header .sp-date a {font-family: 'your-font-name-here';}
 
 
/* ----- POST & PAGE CONTENT ----- */
/* Post/Page body text */ .post-entry p {font-family: 'your-font-name-here';}
/* Post/Page blockquotes */ .post-entry blockquote p {font-family: 'your-font-name-here';}
/* Post/Page numbered lists & bulletted lists */ .post-entry ul li, .post-entry ol li {font-family: 'your-font-name-here';}
 
/* Post/Page Body H-tags */
.post-entry h1 {font-family: 'your-font-name-here';}
.post-entry h2 {font-family: 'your-font-name-here';}
.post-entry h3 {font-family: 'your-font-name-here';}
.post-entry h4 {font-family: 'your-font-name-here';}
.post-entry h5 {font-family: 'your-font-name-here';}
.post-entry h6 {font-family: 'your-font-name-here';}
  
  
/* ----- INDEX SHORTCODE ROWS ----- */
/* Section title */ .post-entry .index-heading>span {font-family: 'your-font-name-here';}
/* "View All" link */ .post-entry .index-heading a {font-family: 'your-font-name-here';}
/* Index post titles */ .short-header h2 a, .short-header h2 {font-family: 'your-font-name-here';}
/* Index post category */ .short-header .cat a {font-family: 'your-font-name-here';}
  
  
/* ----- CONTACT FORM 7  ----- */
/* Name, email, subject, message, etc. labels */ .wpcf7 label {font-family: 'your-font-name-here';}
/* Input fields */ .wpcf7 input, .wpcf7 select, .wpcf7 textarea {font-family: 'your-font-name-here';}
/* Submit button */ .wpcf7 .wpcf7-submit {font-family: 'your-font-name-here';}
  
  
/* ----- ARCHIVE PAGE ----- */
/* "Browsing Category" text */ .archive-box span {font-family: 'your-font-name-here';}
/* Category, tag, etc. heading */ .archive-box h1 {font-family: 'your-font-name-here';}
  
  
/* ----- POST & PAGE FOOTER AREA ----- */ 
/* Post/page "By" text */ .by {font-family: 'your-font-name-here';}
/* Post author */ .meta-author a {font-family: 'your-font-name-here';}
/* Comment link */ .meta-comments a, .meta-comments a .by {font-family: 'your-font-name-here';}
/* Post tags */ .post-tags a {font-family: 'your-font-name-here';}
/* ----- PAGINATION ----- */
/* Previous Post / Next Post */  .pagination-text {font-family: 'your-font-name-here';}
/* Previous Post / Next Post post titles */ .pagination-item h3 a {font-family: 'your-font-name-here';}
  
  
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */ .post-related h4.block-heading {font-family: 'your-font-name-here';}
/* Post titles */ .item-related h4 a {font-family: 'your-font-name-here';}
/* Post dates */ .item-related .sp-date {font-family: 'your-font-name-here';}
  
  
/* ----- POST COMMENTS ----- */
/* Section's title */ .post-comments .block-heading {font-family: 'your-font-name-here';}
/* "Reply" button */ .post-comments span.reply a {font-family: 'your-font-name-here';}
/* "Leave a Reply" Text */ #respond  h3 {font-family: 'your-font-name-here';}
/* Name, email, website, etc. */ #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {font-family: 'your-font-name-here';}
/* Post comment button */ #respond #submit {font-family: 'your-font-name-here';}
/* Commentator's name */ .thecomment .comment-text h6.author, .thecomment .comment-text h6.author a {font-family: 'your-font-name-here';}
/* Comment's date & time */ .thecomment .comment-text span.date {font-family: 'your-font-name-here';}
/* Comment's text */ .comment-text p {font-family: 'your-font-name-here';}
  
  
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */ .hawthorn-pagination a {font-family: 'your-font-name-here';}
  
  
/* ----- WIDGETS ----- */
/* Widget titles */ .widget h4.widget-title {font-family: 'your-font-name-here';}
/* Solo Pine's latest posts widget post titles */ .side-pop.list .side-pop-content h4 a {font-family: 'your-font-name-here';}
/* Solo Pine's latest posts widget date */ .side-pop.list .side-pop-content span.date {font-family: 'your-font-name-here';}
/* WP's recent posts widget items */ .widget_recent_entries ul li a {font-family: 'your-font-name-here';}
/* WP's archive widget items */ .widget_archive ul li a {font-family: 'your-font-name-here';}
/* WP's category widget items */ .widget_categories ul li a {font-family: 'your-font-name-here';}
/* Solo Pine's About widget text */ .about-widget p {font-family: 'your-font-name-here';}
/* Newsletter widget headline */ .subscribe-box h4 {font-family: 'your-font-name-here';}
/* Newsletter widget text */ .subscribe-box p {font-family: 'your-font-name-here';}
/* Newsletter "Your email address" text */ .home-widget .subscribe-box input {font-family: 'your-font-name-here';}
/* Newsletter widget "Subscribe" button */ .subscribe-box input[type=submit] {font-family: 'your-font-name-here';}
/* Solo Pine's Promo widget title */ .promo-overlay  h4 {font-family: 'your-font-name-here';}
  
  
/* ----- FOOTER AREA ----- */
/* Footer text */ .footer-text {font-family: 'your-font-name-here';}
/* Instagram feed text */ #ig-footer h4 {font-family: 'your-font-name-here';}
/* Footer social text */ .footer-social a {font-family: 'your-font-name-here';}