
Targeting text elements in Oleander: CSS Selectors
Please note: This article is specifically for the Oleander theme.
This list of Oleander'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 Oleander's text elements and how to target them with CSS in order to change their font-family using the "Easy Google Fonts" plugin.
Should you have any questions regarding the below elements, want any clarification, or would like a hand adjusting the font of elements within Oleander, please don't hesitate to open up a new support ticket and let us know!
/* ----- GENERAL THEME BODY TEXT ----- */ p,.post-entry,.post-entry p /* ----- TOP-BAR ----- */ /* Top-bar search text */ #top-search input /* ----- NAVIGATION MENU ----- */ #nav-wrapper .menu li a /* ----- SLIDER ----- */ /* Slider category */ .feat-overlay .cat a /* Slider post title */ .feat-overlay h2 a /* Slider sub-title */ .feat-overlay p /* Slider read more button */ .feat-more /* ----- PROMO BOXES ----- */ /* Promo box title */ .promo-overlay h4 /* Promo box sub-title */ .promo-overlay h4 span /* ----- POST HEADER ----- */ /* Post header title */ .post-header h2 a,.post-header h1 /* Post header "in" text */ .post-header .cat span /* Post header category */ .post-header .cat a /* Post header comment count */ .comment-box a /* ----- POST & PAGE CONTENT ----- */ /* Post/Page body text */ .post-entry p /* Post/Page blockquotes */ .post-entry .wp-block-quote p /* Post/Page numbered lists & bulletted lists */ .post-entry ul li,.post-entry ol li /* Post 'Continue Reading' button */ .more-button /* Post/Page H-tags */ .post-entry h1 .post-entry h2 .post-entry h3 .post-entry h4 .post-entry h5 .post-entry h6 /* ----- ARCHIVE PAGES ----- */ /* Browsing category, tag, etc. banner text */ .archive-box span /* Banner's category, tag, etc. title */ .archive-box h1 /* ----- POST & PAGE FOOTER ----- */ /* Post footer date */ .meta-info .meta-date /* Post/page "By" text */ .meta-info .by /* Post/page footer author name */ .meta-info a /* Social share button text */ .post-share a span /* ----- AUTHOR BOX ----- */ /* "About" text before author name */ .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.widget-title /* Post titles */ .item-related h3 a /* Post date */ .item-related span.date /* ----- POST COMMENTS ----- */ /* Section's title/counter */ .post-comments h4.widget-title /* Leave a reply */ #respond h3 /* 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 */ .thecomment p /* ----- POST PAGINATION ----- */ /* Homepage Older Posts/Newer Posts */ .pagination a /* In-post Previous Post/Next Post */ .post-pagination a /* ----- WIDGETS ----- */ /* Widget titles */ h4.widget-title /* Latest posts widget post titles */ .widget ul.side-newsfeed li .side-item .side-item-text h4 a /* Latest posts widget date */ .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta /* 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 /* About widget text */ .about-widget p /* About widget title text */ .about-title /* Newsletter widget */ .widget_mc4wp_form_widget input /* ----- FOOTER AREA ----- */ /* Footer social icon text */ .footer-social a /* Footer copyright/disclaimer text */ #footer-copyright p /* Back to top */ .back-to-top /* ----- WOOCOMMERCE ----- */ /* WooCommerce buttons */ .woocommerce #respond input#submit,.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