Title: CSS code for font size increase
Last modified: May 3, 2017

---

# CSS code for font size increase

 *  Resolved [wearebrainerd](https://wordpress.org/support/users/wearebrainerd/)
 * (@wearebrainerd)
 * [9 years ago](https://wordpress.org/support/topic/css-code-for-font-size-increase/)
 * Hi I am trying to figure out what the current size is and what CSS code I need
   to update the size of the default text in the edin theme.
 * Heading 1
    Heading 2 Heading 3 Heading 4 Heading 5 Paragraph
 * Ideally I would like to update the Paragraph size to be at least 14 across the
   website.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [dcoleonline](https://wordpress.org/support/users/dcoleonline/)
 * (@dcoleonline)
 * [9 years ago](https://wordpress.org/support/topic/css-code-for-font-size-increase/#post-9098156)
 * Hi there,
 * The font sizes vary, but you can see how the headings look here:
 * [https://themes.trac.wordpress.org/browser/edin/1.2.6/style.css#L166](https://themes.trac.wordpress.org/browser/edin/1.2.6/style.css#L166)
 *     ```
       h1 {
       	margin: 0 auto 10px;
       	font-size: 2.25em;
       	line-height: 1.33333em;
       }
       h2 {
       	margin: 0 auto 12px;
       	font-size: 1.875em;
       	line-height: 1.6em;
       }
       h3 {
       	margin: 0 auto 16px;
       	font-size: 1.5em;
       	line-height: 2em;
       }
       h4 {
       	margin: 0 auto 17px;
       	font-size: 1.375em;
       	line-height: 1.636364em;
       }
       h5 {
       	margin: 0 auto 21px;
       	font-size: 1.125em;
       	line-height: 1.33333em;
       }
       h6 {
       	margin: 0 auto 24px;
       	font-size: 1em;
       	line-height: 1.5em;
       }
       ```
   
 * The paragraph is set at 100% of the browser’s default:
    [https://themes.trac.wordpress.org/browser/edin/1.2.6/style.css#L61](https://themes.trac.wordpress.org/browser/edin/1.2.6/style.css#L61)
 * When I tested Chrome and Firefox that made the font size equal to 16px. The headings
   multiply that 16px times the **em** value.
 * So the h1 has an size of 2.25em. If you multiply 16 by 2.25, you get 36, which
   means the font size for h1 is set to 36px.
 * You can change those sizes to suit your needs. Just add any CSS to your site 
   via **Appearance > Customize > Additional CSS**.
 * Here’s an example of what you could add to make your paragraph font slightly 
   larger:
 *     ```
       p {
       	font-size: 1.1em;
       }
       ```
   
 *  Thread Starter [wearebrainerd](https://wordpress.org/support/users/wearebrainerd/)
 * (@wearebrainerd)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-font-size-increase/#post-9227938)
 * this worked for my paragraph text. thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS code for font size increase’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/edin/1.3.3/screenshot.png)
 * Edin
 * [Support Threads](https://wordpress.org/support/theme/edin/)
 * [Active Topics](https://wordpress.org/support/theme/edin/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/edin/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/edin/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [font](https://wordpress.org/support/topic-tag/font/)
 * [size](https://wordpress.org/support/topic-tag/size/)

 * 2 replies
 * 2 participants
 * Last reply from: [wearebrainerd](https://wordpress.org/support/users/wearebrainerd/)
 * Last activity: [8 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-font-size-increase/#post-9227938)
 * Status: resolved