Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    53
    Thanks
    26
    Thanked 1 Time in 1 Post

    How Do I Increase Font Size?

    My site here.

    How do I increase font size for:
    1. title
    2. h1
    3. h2
    4. blog post and page content

    On the css? Which lines?

    thanks ahaead!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,105
    Thanks
    23
    Thanked 594 Times in 593 Posts
    In CSS you use the font-size property for the selectors you listed. see https://developer.mozilla.org/en-US/.../CSS/font-size
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #3
    New to the CF scene
    Join Date
    May 2014
    Location
    Agra, India
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi pumalean,
    Best way to control size of any HTML element is to use CSS rules, externally. You'll get consistent look across browsers if use CSS reset first to discard browsers's default renderings and then applying your own. Although there are many ways for defining size of fonts and easiest one is—

    body (font-size:100%
    h1 (font-size:1.6em
    h2 (font-size:1.4em
    p (font-size:1em

    Here, I've assign 100% size to body element then based on that size I've defined other headings and paragraph using relative em unit. You don't need to define size of title element as it belongs to head section of html webpage which doesn't displayed at all. Title is also the attribute and usually displayed as tooltips.

  • #4
    New Coder
    Join Date
    Jul 2008
    Posts
    53
    Thanks
    26
    Thanked 1 Time in 1 Post
    My question is:

    Here is my page

    How do I change the font size on the blog post?

    Which file and which line of code do I tweak?

    thanks!

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,642
    Thanks
    6
    Thanked 1,004 Times in 977 Posts
    You go into style.css to line 685. There is the rule that sets the font size on all paragraphs in the entries. Change that font size, and also change the line height to 1.5 which is a relative unit based on the font size, rather than a fixed size.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •