
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