MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing font family in Laurel - CSS Selectors

Please note: This article is specifically for the Laurel theme



This list of Laurel'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 Laurel'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 Laurel, 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 
/* Top-bar search text */    #show-search input
 
/* ----- FEATURED AREA SLIDER ----- */
/* Category */   .feat-overlay .cat a 
/* Post title */   .feat-overlay h2 a 
/* Summary text */   .feat-overlay p 
/* Slider read more button */   .feat-read-more a 
/* ----- PROMO BOXES ----- */
/* Promo box titles */   .promo-overlay  h4 
/* ----- POST HEADER ----- */
/* Post header title */    .post-header h2 a,.post-header h1 
/* Post header category */    .post-header .cat a 
/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */    .post-entry p 
/* Post excerpts */    .post-entry.is-excerpt p 
/* Post/Page blockquotes */    .post-entry blockquote p 
/* Post/Page numbered lists & bulletted lists */    .post-entry ul li,.post-entry ol li 
/* 'Read More ' post button */    .post-entry .read-more
 
/* 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 */   .index-item .grid-item .post-header h2 a 
/* Index post category */   .index-item .grid-item .post-header .cat a 
/* ----- CONTACT FORM 7  ----- */
/* Name, email, subject, message, etc. labels */   .wpcf7 p 
/* Input fields */   .wpcf7 input, .wpcf7 select, .wpcf7 textarea 
/* Submit button */   .wpcf7-submit 


/* ----- ARCHIVE PAGE ----- */
/* Browsing category, tag, etc. banner text */   .archive-box span 
/* Banner's category, tag, etc. title */   .archive-box h1 


/* ----- POST & PAGE FOOTER ----- */ 
/* Post date */   .post-meta .date a 
/* Post/page "On" & "By" text */   .post-meta .by 
/* Post author */   .post-meta .author a 
/* Post tags */   .post-tags a 
/* Previous Post / Next Post */    .post-pagi-title 
/* Previous Post / Next Post post title */   .post-pagination a 


/* ----- AUTHOR BOX ----- */
/* "About" text */   .author-content h5 .about-italic 
/* Post author name */   .author-content h5 a 
/* Author bio text */   .author-content p
 
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */   .post-related h4.block-heading 
/* Post titles */   .item-related h3 a 
/* Post date */   .item-related span.date
 
/* ----- POST COMMENTS ----- */
/* Section's title */   .post-comments h4.block-heading 
/* "Reply" button */   .post-comments span.reply a 
/* "Leave a Reply" Text */   #respond  h3 
/* "Cancel Reply" button */   #respond h3 small a 
/* Name, email, website, etc. */   #respond label 
/* 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 */    .pagination a 

/* ----- WIDGETS ----- */
/* Widget titles */   .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 
/* WP text widget */     .textwidget
/* 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 ----- */
/* Instagram widget title */   .instagram-title 
/* Footer social icon text */   #footer-social a span 
/* Footer text */   #footer-bottom .copyright p