MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

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