
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