
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