MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing font size in Rosemary - Custom CSS

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



Would you like to change the font size of any of Rosemary's text elements? Below, we've noted nearly all of Rosemary'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 next to 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.

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 menu items */   #nav-wrapper .menu li a {font-size: 10px;}
/* Top-bar social icons */   #top-social a i {font-size: 13px;}
/* Top-bar search text */   #top-search input {font-size: 13px;}
/* ----- SLIDER OVERLAY ----- */
/* Slider category */   .feat-overlay .post-header .cat a {font-size: 10px;} 
/* Slider post title */   .feat-item .post-header h2 a {font-size: 24px;}
/* Slider post date */   .feat-item .post-header .date {font-size: 11px;}
/* Slider read more button */   .feat-item .read-more {font-size: 10px;}
/* ----- POST HEADER ----- */
/* Post header title */   .post-header h2 a, .post-header h1 {font-size: 26px;}
/* Post header category */    .post .post-header .cat a {font-size: 10px;}
/* Post header date */   .post .post-header .date {font-size: 11px;}
/* ----- POST & PAGE CONTENT ----- */
/* Theme's body text */   .post-entry p {font-size: 13px;}
/* Post/Page blockquotes */   .post-entry blockquote p {font-size: 18px;}
/* Post/Page numbered lists & bulletted lists */   .post-entry ul li, .post-entry ol li {font-size: 13px;}
/* Post Read more button */   .more-button {font-size: 10px;} 
/* Post/Page H-tags */
.post-entry h1 {font-size: 26px;}
.post-entry h2 {font-size: 24px;}
.post-entry h3 {font-size: 21px;}
.post-entry h4 {font-size: 19px;}
.post-entry h5 {font-size: 17px;}
.post-entry h6 {font-size: 15px;}
/* ----- ARCHIVE PAGE ----- */
/* Browsing category, tag, etc. banner text */   .archive-box span {font-size: 10px;}
/* Banner's category, tag, etc. title */   .archive-box h1 {font-size: 36px;}
/* ----- POST & PAGE FOOTER ----- */ 
/* Post/page footer share icons */   .meta-share a {font-size: 16px;}
/* Post/page "share" text */   .meta-share {font-size: 13px;}
/* Post comment counter */   .meta-comments a {font-size: 13px;}
/* ----- AUTHOR BOX ----- */
/* Post author name */   .author-content h5 a {font-size: 18px;}
/* Author bio text */   .author-content p {font-size: 13px;}
/* Author social icons */   .author-content .author-social {font-size: 14px;}
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section's title */   .post-related .post-box-title {font-size: 11px;}
/* Post titles */   .item-related h3 a {font-size: 14px;}
/* Post date */   .item-related span.date {font-size: 11px;}
/* ----- POST COMMENTS ----- */
/* Section's title */   .post-comments .post-box-title {font-size: 11px;}
/* Leave a reply */   #respond h3 {font-size: 11px;}
/* Name, email, website, etc. */   #respond label {font-size: 13px;}
/* Post comment button */   #respond #submit {font-size: 11px;}
/* Commentator's name */   .thecomment .comment-text h6.author, .thecomment .comment-text h6.author a {font-size: 13px;}
/* Comment's date & time */   .thecomment .comment-text span.date {font-size: 11px;}
/* Comment's text */   .comment-text p {font-size: 13px;}
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Homepage Older Posts/Newer Posts */   .pagination a {font-size: 11px;}
   
/* ----- SIDEBAR WIDGETS ----- */
/* Widget titles */   .widget-title {font-size: 10px;}
/* 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;}
/* Tag cloud */   .widget .tagcloud a {font-size: 9 !important;}
/* About widget text */   .about-widget p {font-size: 13px;}
/* Social widget icons */ .social-widget a {font-size: 16px;}
/* ----- FOOTER AREA ----- */
/* Instagram widget title */   .instagram-title {font-size: 16px;}
/* Footer left-side copyright/disclaimer text */  #footer .copyright.left {font-size: 12px;}
/* Footer right-side copyright/disclaimer text */  #footer .copyright.right {font-size: 12px;}
/* Footer copyright/disclaimer text */  #footer .copyright {font-size: 12px;}