14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

How do I get my header smaller?

by Suzucheng
11 replies
  • WEB DESIGN
    • |
When I use H1 tags I find that my font is way to big? How do I change it? I read something about css file...do I have it make it? Is it already there? Help is much appriciated
#header #smaller
  • Profile picture of the author Steven Dybka
    Originally Posted by Suzucheng View Post

    When I use H1 tags I find that my font is way to big? How do I change it? I read something about css file...do I have it make it? Is it already there? Help is much appriciated
    You will have to go into your style sheet and adjust the font size,look for your H1 H2 settings in the style sheet and adjust the size to what you want it to be.


    Steve
    Signature

    {{ DiscussionBoard.errors[4188245].message }}
  • Profile picture of the author weblink29
    It depends if you are talking about a wordpress blog or a regular website. The fonts in wordpress are normally handled by the css files of the theme.
    Signature

    Nothing to see here folks.....move along.

    {{ DiscussionBoard.errors[4188248].message }}
    • Profile picture of the author Suzucheng
      Originally Posted by weblink29 View Post

      It depends if you are talking about a wordpress blog or a regular website. The fonts in wordpress are normally handled by the css files of the theme.
      Yes its a wordpress blog. Where is the file usually located?
      {{ DiscussionBoard.errors[4188260].message }}
  • Profile picture of the author UMS
    In the WordPress admin page, choose

    Appearance->Editor

    and select style.css


    Having said that, you should check if your theme has some menu options to control the font sizes.

    Also be aware that if you edit style.css, the changes will be overwritten if you update the theme.

    To get around this, either save a copy of the changes, or create a child theme.
    Signature
    {{ DiscussionBoard.errors[4188401].message }}
    • Profile picture of the author Vulk
      Originally Posted by UMS View Post

      In the WordPress admin page, choose

      Appearance->Editor

      and select style.css


      Having said that, you should check if your theme has some menu options to control the font sizes.

      Also be aware that if you edit style.css, the changes will be overwritten if you update the theme.

      To get around this, either save a copy of the changes, or create a child theme.
      Maybe you can use h2 or h3 instead of h1
      {{ DiscussionBoard.errors[4188466].message }}
  • Profile picture of the author Suzucheng
    Thanks a lot guys!
    {{ DiscussionBoard.errors[4188481].message }}
  • Profile picture of the author mahesh2010
    Hello ,

    we can edit css by making inline css or adding external style sheet.

    please do refer w3schools.lcom for creating and handling the external css files

    any more questions please let me know...
    Signature
    Mobile Website Design
    {{ DiscussionBoard.errors[4189523].message }}
  • Profile picture of the author Suzucheng
    I found the css file, do I add a code? I can't see anything about Headers in the code
    {{ DiscussionBoard.errors[4190770].message }}
    • Profile picture of the author Steven Dybka
      Originally Posted by Suzucheng View Post

      I found the css file, do I add a code? I can't see anything about Headers in the code
      Your not looking for headers,you want to find the H1 H2 settings in your style sheet,do a Ctrl+F
      for H1 and H2 and you should find it.


      Steve
      Signature

      {{ DiscussionBoard.errors[4191328].message }}
  • Profile picture of the author Suzucheng
    I couldn't find any. I put this code in, could you tell me if this is correct?
    <head>
    <style type="text/css">
    h1 {font-size:250%;}
    h2 {font-size:200%;}
    p {font-size:100%;}
    </style>
    </head>
    {{ DiscussionBoard.errors[4191381].message }}
    • Profile picture of the author Steven Dybka
      Originally Posted by Suzucheng View Post

      I couldn't find any. I put this code in, could you tell me if this is correct?
      <head>
      <style type="text/css">
      h1 {font-size:250%;}
      h2 {font-size:200%;}
      p {font-size:100%;}
      </style>
      </head>
      Make sure your in your Style.css,you want to find something simular to this,look for font size

      #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
      color: #444444;
      font-family: Arial, Tahoma, Verdana;
      font-weight: bold;
      text-decoration: none;
      margin: 0 0 5px 0;
      padding: 0;
      }

      #content h1 {
      font-size: 24px;
      }

      #content h2 {
      font-size: 22px;
      }

      #content h2 a, #content h2 a:visited {
      color: #444444;
      text-decoration: none;
      }
      Signature

      {{ DiscussionBoard.errors[4191675].message }}

Trending Topics