MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing font size in Hawthorn - CSS Code

Please note: This article is specifically for the Hawthorn theme. 



Would you like to change the font size of any of Hawthorn's text elements? Below, we've noted nearly all of the theme'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 whole line of code, and paste it into WordPress Dashboard > Appearance > Customize > Additional 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: 15px;}
  
  
/* ----- HEADER AREA ----- */
/* Navigation menu items */ #nav-wrapper .menu li a {font-size: 14px;}
/* Navigation sub-menu items */ #nav-wrapper ul.menu ul a, #nav-wrapper .menu ul ul a {font-size: 11px;}
/* Mobile menu "Menu" text */ .slicknav_menu .slicknav_menutxt {font-size: 12px;}
/* Mobile menu items */ .slicknav_nav .slicknav_item a {font-size: 11px;}
/* Top-bar search text */ .desk-show-search input, .mobile-show-search input {font-size: 14px;}
/* Top-bar social icons */ #top-social a i {font-size: 16px;}
  
   
/* ----- FEATURED AREA SLIDER ----- */
/* Category */ .feat-content .cat a {font-size: 13px;}
/* Post/Page title */ .feat-content h2 a {font-size: 38px;}
/* Excerpt text */ .feat-content p {font-size: 15px;}
/* Read More button */ .feat-more {font-size: 11px;}
/* Prev/Next buttons */ .bx-wrapper .bx-controls-direction a {font-size: 14px;}
/* Slider pagination counter */ .bx-wrapper .bx-pager {font-size: 18px;}  
   
/* ----- POST HEADER ----- */
/* Standard post/page header title */ .post-header h2 a, .post-header h1 {font-size: 31px;}
/* Grid post header title */ .grid-item .post-header h2 a {font-size: 21px;}
/* Full-width List post header title */ #main.fullwidth .list-item .post-header h2 a {font-size: 31px;}
/* Sidebar enabled List post header title */ .list-item .post-header h2 a {font-size: 25px;}
/* Post header category */ .post-header .cat a {font-size: 12px;}
/* Post date */ .sp-date a, .sp-date {font-size: 14px;}
  
   
/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */ .post-entry p {font-size: 15px;}
/* Post/Page blockquotes */ .post-entry blockquote p {font-size: 20px;}
/* Post/Page numbered lists & bulletted lists */ .post-entry ul li, .post-entry ol li {font-size: 15px;}
  
    
/* Post/Page Body H-tags */
.post-entry h1 {font-size: 30px;}
.post-entry h2 {font-size: 27px;}
.post-entry h3 {font-size: 24px;}
.post-entry h4 {font-size: 21px;}
.post-entry h5 {font-size: 18px;}
.post-entry h6 {font-size: 16px;}
 
  
/* ----- INDEX SHORTCODE GRIDS ----- */
/* Section title */ .post-entry .index-heading > span {font-size: 16px;}
/* "View All" link */ .post-entry .index-heading a {font-size: 11px;}
/* Index post titles */ index-item .grid-item .post-header h2 a {font-size: 16px;}
/* Index categories */ .short-header .cat a {font-size: 12px;}
  
  
/* ----- CONTACT FORM 7  ----- */
/* Name, email, subject, message, etc. labels */ .wpcf7 label {font-size: 15px;}
/* Input fields */ .wpcf7 input, .wpcf7 select, .wpcf7 textarea {font-size: 12px;}
/* Submit button */ .wpcf7-submit {font-size: 12px;}
  
  
/* ----- ARCHIVE PAGE ----- */
/* "Browsing Category" text */ .archive-box span {font-size: 16px;}
/* Category, tag, etc. title */ .archive-box h1 {font-size: 36px;}
  
  
/* ----- POST & PAGE FOOTER ----- */ 
/* "By" */ .meta-author .by {font-size: 13px;}
/* Post author */ .meta-author a {font-size: 13px;}
/* Social share icons */ .post-share a i {font-size: 14px;}
/* Comment counter */ .meta-comments a, .meta-comments a .by {font-size: 13px;}
/* Previous Post / Next Post */  .pagination-text {font-size: 12px;}
/* Previous Post / Next Post post titles */  .pagination-item h3 a {font-size: 15px;}
  
  
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */ .block-heading {font-size: 13px;}
/* Post titles */ .item-related h4 a {font-size: 16px;}
/* Post date */ .item-related .sp-date {font-size: 12px;}
 
   
/* ----- POST COMMENTS ----- */
/* Section's title */ .post-comments .block-heading {font-size: 13px;}
/* "Reply" button */ .post-comments span.reply a {font-size: 10px;}
/* "Leave a Reply" Text */ #respond  h3 {font-size: 13px;}
/* Name, email, website, etc. */ #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {font-size: 11px;}
/* "Post Comment" button */ #respond #submit {font-size: 11px;}
/* Commentator's name */ .thecomment .comment-text h6.author, .thecomment .comment-text h6.author a {font-size: 14px;}
/* Comment's date & time */ .thecomment .comment-text span.date {font-size: 12px;}
/* Comment's text */ .comment-text p {font-size: 15px;}
  
  
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */ .hawthorn-pagination a {font-size: 10px;}
  
  
/* ----- WIDGETS ----- */
/* Widget titles */ .widget-title {font-size: 12px;}
/* Solo Pine's Latest posts list widget post titles */ .side-pop.list .side-pop-content h4 a {font-size: 15px;}
/* Solo Pine's Latest posts list widget date */ .side-pop.list .side-pop-content span.date {font-size: 13px;}
/* Solo Pine's Featured Post single widget title */ .side-pop-content h4 a {font-size: 17px;}
/* Solo Pine's About widget text */ .about-widget p {font-size: 15px;}
/* Solo Pine's Promo widget title */ #sidebar .promo-overlay  h4 {font-size: 11px;}
/* Newsletter widget headline */ .subscribe-box h4 {font-size: 16px;}
/* Newsletter widget text */ .subscribe-box p {font-size: 14px;}
/* Newsletter "Your email address" text */ .subscribe-box input {font-size: 13px;}
/* Social widget's icons */ .social-widget a {font-size: 16px;}
/* General WP list widgets (category, useful links, etc.) */ .widget ul li a {font-size: 14px;}
  
  
/* ----- FOOTER AREA ----- */
/* Footer widget headings */ .footer-widgets .widget-title {font-size: 13px;}
/* Footer social icons */ .footer-social a i {font-size: 18px;}
/* Footer social icon text */ .footer-social a span {font-size: 13px;}
/* "Made with love" footer text */ .footer-text p.madewidth {font-size: 18px;}
/* Copyright text */ .footer-text p {font-size: 13px;}