MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Targeting text elements in Oleander: Change font size

Please note: This FAQ Article is specifically for the Oleander theme.




Would you like to change the font size of any of Oleander's text elements? Below, we've noted nearly all of Oleander's text elements and how to target them with CSS in order to change their font-size.

Simply locate the text element in the list below you'd like to alter, copy the code for it, and paste it into
WordPress Dashboard > Appearance > Customize > Custom CSS.
We've listed each item with its default font size, so feel free to adjust it to whatever pixel size you prefer instead.

Should you have any questions regarding the below elements, want any clarifications, or would like a hand adjusting font size, please don't hesitate to open up a new support ticket and let us know!


/* ----- GENERAL BODY TEXT ----- */
p {font-size: 13px;}
 
 
/* ----- TOP BAR ----- */
/* Top-bar social icons */   #top-social a, #mobile-social a {font-size: 14px;}
/* Search text */   #top-search input {font-size: 14px;}
/* Search icon */   #top-search i {font-size: 13px;}
 
 
/* ----- MENU ----- */
/* Parent menu items */   #nav-wrapper .menu li a {font-size: 13px;}
/* Child menu items/drop-down menu items */   #nav-wrapper ul.menu ul a, #nav-wrapper .menu ul ul a {font-size: 10px;}
 
 
/* ----- SLIDER OVERLAY ----- */
/* Slider category */   .feat-overlay .cat a {font-size: 12px;} 
/* Slider post title */   .feat-overlay h2 a {font-size: 44px;}
/* Slider subtitle text */   .feat-overlay p {font-size: 18px;}
/* Slider 'Continue Reading' button */   .feat-more {font-size: 10px;}
 
 
/* ----- PROMO BOXES ----- */
/* Promo box title */   .promo-overlay h4 {font-size: 15px;}
/* Promo box subtitle */   .promo-overlay h4 span {font-size: 16px;}
 
 
/* ----- POST HEADER ----- */
/* Post header title */   .post-header h2 a, .post-header h1 {font-size: 27px;}
/* Post header category */    .post-header .cat a {font-size: 11px;}
/* Post header category "In" text */   .post-header .cat span.by {font-size: 15px;}
/* Comment counter box */   .comment-box {min-width: 27px; min-height: 21px;} 
/* Comment counter box number */   .comment-box a {font-size: 14px;}
 
 
/* ----- POST & PAGE CONTENT ----- */
/* Post/Page body text */    .post-entry p {font-size: 13px;}
/* Post/Page blockquotes */   .post-entry .wp-block-quote p {font-size: 22px;}
/* Post/Page numbered lists & bulletted lists */   .post-entry ul li, .post-entry ol li {font-size: 13px;}
/* Post 'Continue Reading' button */   .more-button {font-size: 10px;} 
 
/* Post/Page H-tags */
.post-entry h1 {font-size: 26px;}
.post-entry h2 {font-size: 23px;}
.post-entry h3 {font-size: 20px;}
.post-entry h4 {font-size: 17px;}
.post-entry h5 {font-size: 15px;}
.post-entry h6 {font-size: 13px;}
 
 
/* ----- POST & PAGE FOOTER ----- */ 
/* Post footer share icons */   .post-share a i {font-size: 13px;}
/* Post footer share text */   .post-share a span {font-size: 10px;}
/* Post footer publish date */   .meta-info .meta-date {font-size: 10px;}
/* Post "By" text */   .meta-info .by {font-size: 12px;}
/* Post footer author name */   .meta-info a {font-size: 10px;}
 
 
/* ----- ARCHIVE PAGES ----- */
/* Browsing category, tag, etc. banner text */   .archive-box span {font-size: 15px;}
/* Banner's category, tag, etc. title */   .archive-box h1 {font-size: 28px;}
 
 
/* ----- AUTHOR BOX ----- */
/* "About" text */   .author-content h5 .about-italic {font-size: 18px;}
/* Post author name */   .author-content h5 a {font-size: 14px;}
/* Author bio text */   .author-content p {font-size: 13px;}
/* Author social icons */   .post-author a i {font-size: 14px;}
 
 
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */   .post-related h4.widget-title {font-size: 20px;}
/* Post titles */   .item-related h3 a {font-size: 14px;}
/* Post date */   .item-related span.date {font-size: 12px;}
 
 
/* ----- POST COMMENTS ----- */
/* Section's title */   .post-comments h4.widget-title {font-size: 20px;}
/* Leave a reply */   #respond h3 {font-size: 12px;}
/* Name, email, website, etc. */   #respond label {font-size: 13px;}
/* Post comment button */   #respond #submit {font-size: 10px;}
/* Commentator's name */   .thecomment .comment-text span.author, .thecomment .comment-text span.author a {font-size: 13px;}
/* Comment's date & time */   .thecomment .comment-text span.date {font-size: 12px;}
/* Comment's text */   .comment-text p {font-size: 13px;}
 
 
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */   .pagination a {font-size: 10px;} 
 
 
/* ----- POST PAGINATION ----- */
/* Post page Previous Post/Next Post */   .post-pagination a {font-size: 12px;}
 
 
/* ----- WIDGETS ----- */
/* Widget titles */   .widget-title {font-size: 20px;}
/* Latest posts widget post titles */   .widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 13px;}
/* Latest posts widget date */   .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {font-size: 11px;}
/* WP's recent posts widget items */  .widget_recent_entries ul li a {font-size: 13px;}
/* WP's archive widget items */   .widget_archive ul li a {font-size: 13px;}
/* WP's category widget items */   .widget_categories ul li a {font-size: 13px;}
/* About widget text */   .about-widget p {font-size: 13px;}
/* Social widget icons */ .social-widget a i {font-size: 14px;}
/* Newsletter widget form text */   .widget_mc4wp_form_widget input {font-size: 13px;}
/* Newsletter widget button */   .widget_mc4wp_form_widget input[type="submit"] {font-size: 10px;}
 
 
/* ----- FOOTER AREA ----- */
/* Footer social icons */  .footer-social i {font-size: 12px;}
/* Footer social icon text */   .footer-social a span {font-size: 12px;}
/* Footer copyright/disclaimer text */  #footer-copyright p {font-size: 12px;}
/* Back to top */   .back-to-top {font-size: 12px;}