• Resolved wearebrainerd

    (@wearebrainerd)


    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)
  • Hi there,

    The font sizes vary, but you can see how the headings look here:

    https://themes.trac.www.ads-software.com/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.www.ads-software.com/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

    (@wearebrainerd)

    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.