MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Changing font size in Florence - CSS Code

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



Would you like to change the font size of any of Florence's text elements? Below, we've noted nearly all of Florence'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: 16px;}
/* ----- MENU ITEMS ----- */
/* Top-bar menu items */   #navigation-wrapper .menu li a {font-size: 11px;}
/* Top-bar social icons */   #top-social a {font-size: 14px;}
/* ----- POST HEADER - STANDARD POST ----- */
/* Post category */   .post-header .cat a {font-size: 11px;}
/* Post title */   .post-header h2 a, .post-header h1 {font-size: 24px;}
/* ----- POST HEADER - GRID POST ----- */
/* Post category */   .post-header .cat a {font-size: 11px;}   
/* Grid item post title */   .grid-item .post-header h2 a {font-size: 18px;}
/* ----- POST HEADER - LIST POST ----- */
/* Post category */   .post-header .cat a {font-size: 11px;}
/* List item post title */   .list-item .post-header h2 a {font-size: 18px;}
/* ----- POST & PAGE CONTENT ----- */
/* Post/page body text */   .post-entry p {font-size: 16px;}
/* Blockquote */   .post-entry blockquote p {font-size: 18px;}
/* Numbered lists */   .post-entry ol li {font-size: 16px;}
/* Bulletted lists */   .post-entry ul li {font-size: 16px;}
/* H-tags */
.post-entry h1 {font-size: 27px;}
.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;}
/* Post's Continue Reading */   .more-button {font-size: 11px;}
/* ----- POST FOOTER ----- */
/* Post date & author name */   .post-header .post-date {font-size: 15px;}
/* ----- HOMEPAGE POST PAGINATION ----- */
/* Older Posts / Newer Posts */   .post-pagination a {font-size: 11px;}
/* ----- AUTHOR BOX ----- */
/* Author name */   .author-content h5 a {font-size: 14px;}
/* Author bio */   .author-content p {font-size: 16px;}
/* Author social icons */   .author-content a i.fa {font-size: 14px;}
/* ----- YOU MIGHT ALSO LIKE ----- */
/* Section title */   .post-related .block-heading {font-size: 14px;}
/* Post title */   .item-related h3 a {font-size: 11px;}
/* Post date */   .item-related span.date {font-size: 11px;}
/* ----- POST COMMENTS ----- */
/* Section title */   .post-comments .block-heading {font-size: 14px;}
/* Comment author name */   .thecomment .comment-text span.author, .thecomment .comment-text span.author a {font-size: 11px;}
/* Comment date */   .thecomment .comment-text span.date {font-size: 11px;}
/* Comment text */   .comment-text p {font-size: 16px;}
/* Leave a reply */   #respond h3 {font-size: 14px;}
/* Name, email, website, etc. */   #respond label {font-size: 14px;}
/* Post comment */   #respond #submit {font-size: 11px;}
/* ----- SIDEBAR WIDGETS ----- */
/* Widget title */   .widget-heading {font-size: 11px;}
/* Widget body text */   .widget p {font-size: 16px;}
/* Latest post widget post title */   .widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 13px;}
/* Latest post widget post date */   .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {font-size: 11px;}
/* WP widget listed items */   .widget ul li a {font-size: 13px;}
/* Tag widget */   .widget .tagcloud a {font-size: 10px !important;}
/* ----- FOOTER AREA ----- */
/* Instagram widget title */   #footer-instagram h4.block-heading {font-size: 14px;}
/* Social icons */   #footer-social a i.fa {font-size: 14px;}
/* Social icon text */   #footer-social a span {font-size: 11px;}
/* Copyright/disclaimer text */   #footer-copyright {font-size: 11px;}
/* Back to top button */   #footer-copyright .to-top {font-size: 10px;}