A Tutorial Fonts & Sizes

The WP theme has specified sizes, colors, boldness, etc. for standard page tags:

Heading 1 (font-size: 36px; line-height: 42px)

Heading 2 (font-size: 26px; line-height: 30px)

Heading 3 (font-size: 18px; line-height: 24px)

Heading 4 (font-size: 16px; line-height: 22px)

 

This is a paragraph with the default size set by the theme.

This is an italicized paragraph with increased size and a different color and everything will styled within the opening and closing P tags because I styled the P tag itself. Also notice that the separate stylings are separated by semicolons.

You could also style the entire paragraph by enclosing in H3 tags rather than a P tag to increase the font size and then just style it for italics and color.

Now I just have a regular paragraph again without the P tag being styled.

This is a normal paragraph but I will italicize and increase the size and color of just a bit of it. This is done with a SPAN style inside the P tags.

Colors in HTML are in hex format and here is a link to picking colors: http://cloford.com/resources/colours/500col.htm and notice that the WP theme automatically styles links for you.

    • CONTACT

      MAILING
      PO Box 1546
      Wolfeboro, NH 03894

      PHYSICAL
      11 Chase Point Road
      Mirror Lake, NH 03853

      PHONE
      603-569-3475

      EMAIL
      admincb@campbelknap.org

    • UPCOMING EVENTS

      • Sustain the Joy: BOSTON

        Join friends and our Camp Belknap family for an evening of celebration, ref...

        November 7 @ 6:00 pm - 9:00 pm
    • Reconnect with Belknap

      Fill out the form below to update your information with camp.

      RECONNECT

      Visit Camp Belknap

      Permission is required to visit Camp at this time. Please click below for more information about Belknap's Site Safety Plan.

      More Information