Introducing Solo Pine Mods | An affordable & reliable way to customize your theme

Okay
  Print

Changing font family in Sprout & Spoon - CSS Selectors

Please note: This article is specifically for the Sprout & Spoon theme



This list of Sprout & Spoon'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 Sprout & Spoon'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 Sprout & Spoon, 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 */    #searchform input#s 
/* ----- FEATURED AREA ----- */
/* Category */    .feat-inner .cat a  
/* Post title */    .feat-inner h2 a 
/* ----- 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/Page blockquotes */    .post-entry blockquote p 
/* Post/Page numbered lists & bulletted lists */    .post-entry ul li,.post-entry ol li 
/* 'Continue Reading' link */    .more-link 
/* Post/Page Body H-tags */
.post-entry h1 
.post-entry h2 
.post-entry h3 
.post-entry h4 
.post-entry h5 
.post-entry h6 
/* ----- RECIPE CARD ----- */
/* Recipe Title */    .post-entry .recipe-overview h2 
/* Serving & Cook Time Text */    .recipe-overview .recipe-meta span 
/* "Print Recipe" Button */    .recipe-overview a.sp-print 
/* Ingredients, Instructions, Notes Titles */    .post-entry .recipe-title 
/* Ingredients List Items */   .post-entry .sp-recipe ul li 
/* Instructions List Items */    .post-entry .recipe-method .step 
/* Notes Text */    .post-entry .recipe-notes p 
/* ----- 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 & author */    .meta-text 
/* Post/page "By" text */    .by 
/* Post Tags */    .post-tags a 
/* Previous Post / Next Post */   .single .post-pagination
 
/* ----- 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 
/* 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-item a
 
/* ----- FOOTER AREA ----- */
/* Instagram widget title */    .instagram-title 
/* Footer social icon text */    #footer-social a 
/* Footer Left text */    #footer-copyright p.left-copy 
/* Footer Right text */    #footer-copyright p.right-copy 
/* "Top" button */    .to-top