MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Targeting text elements in Hawthorn - CSS Selectors

Please note: This article is specifically for the Hawthorn theme



This list of Hawthorn'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 Hawthorn'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 Hawthorn, please don't hesitate to open up a new support ticket and let us know!




/* ----- GENERAL BODY TEXT ----- */
p   [SPACER]   .post-entry   [SPACER]   .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 
/* 'Menu' mobile menu text */    .slicknav_menu .slicknav_menutxt 
  
  
/* ----- FEATURED AREA ----- */
/* Category */    .feat-content .cat a
/* Post title */    .feat-content h2 a
/* Excerpt */    .feat-content p
/* "Read More" button */    .feat-more
/* Prev/Next buttons */   .bx-wrapper .bx-controls-direction a
/* Pagination numbers */   .bx-wrapper .bx-pager
  
  
/* ----- POST HEADER ----- */
/* Post header title */    .post-header h2 a   [SPACER]   .post-header h1 
/* Post header category */    .post-header .cat a 
/* Post date */    .sp-date a

/* Grid item post title */   .grid-item .post-header h2 a
/* List item post title */   .list-item .post-header h2 a
 
 
/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */    .post-entry p 
/* List item's excerpt text */   .list-item .post-entry p
/* Post/Page blockquotes */   .post-entry blockquote p 
/* Post/Page numbered lists & bulletted lists */   .post-entry ul li   [SPACER]   .post-entry ol li 
 
/* 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   [SPACER]   .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   [SPACER]   .wpcf7 select   [SPACER]   .wpcf7 textarea 
/* Submit button */ .wpcf7 .wpcf7-submit 
  
  
/* ----- ARCHIVE PAGE ----- */
/* "Browsing category/tag/etc." text */ .archive-box span 
/* Category/tag/ etc. title */ .archive-box h1 
  
  
/* ----- POST & PAGE FOOTER AREA ----- */ 
/* "By" */   .meta-author .by
/* Author name */   .meta-author a
/* Comment counter number */   .meta-comments a .by
/* "Comments" word */   .meta-comments 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 */   .post-related .block-heading
/* Post titles */   .item-related h4 a
/* Post date */    .item-related .sp-date 
  
  
/* ----- POST COMMENTS ----- */
/* Section's title */   .post-comments .block-heading
/* "Reply" button */   .post-comments span.reply a 
/* "Leave a Reply" Text */   #respond  h3 
/* Name, email, website, etc. */   #respond .comment-form-author input   [SPACER]   #respond .comment-form-email input   [SPACER]   #respond .comment-form-url input 
/* Post comment button */   #respond #submit 
/* Commentator's name */   .thecomment .comment-text h6.author   [SPACER]   .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 */   .hawthorn-pagination a
  
/* ----- WIDGETS ----- */
/* Sidebar widget titles */   .widget h4.widget-title 

/* Solo Pine's Post Widget - Small thumbnail - post titles */ .side-pop.list .side-pop-content h4 a
/* Solo Pine's Post Widget - Small thumbnail - post date */ .side-pop.list .side-pop-content span.sp-date 

/* Solo Pine's Post Widget - Large thumbnail - post titles */   .side-pop.overlay .side-pop-content h4 a
/* Solo Pine's Post Widget - Large thumbnail - post date */   .side-pop.overlay .side-pop-content span.sp-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 Instagram text */   #ig-footer h4
/* Footer widget titles */   .footer-widgets .widget-title
/* Footer social text */   .footer-social a
/* "Made with <3" text */    .footer-text p.madewidth
/* Footer copyright text */ .footer-text p


/* ----- WOOCOMMERCE ----- */
/* WooCommerce buttons */     .woocommerce #respond input#submit   [SPACER]   .woocommerce a.button   [SPACER]   .woocommerce button.button   [SPACER]   .woocommerce input.button 
/* Shop item results count */     .woocommerce .woocommerce-result-count 
/* "Sort by" drop-down */     .woocommerce .woocommerce-ordering select 
/* Product titles */     .woocommerce ul.products li.product h3 
/* Shop item results page - price */     .woocommerce ul.products li.product .price 
/* Item product page - item title */     .woocommerce div.product .product_title 
/* Item product page text */ .woocommerce div.product