16 {{ upvoteCount | shortNum }}
16 {{ upvoteCount | shortNum }}

Why Do H1 tags look Awful?

by redstanford
14 replies
  • SEO
    • |
on every theme I've used?

I know using h1 tags is beneficial for on-page seo but man, it's not even worth it if the pages looks like pure garbage once you place the H tags on it.

literally every theme I've used, the H1 tags ends up being like size 35 BOLD.

am i doing something wrong?
#awful #tags
  • Profile picture of the author yukon
    Banned
    You do know that you can style the <h1> tag with CSS, right?
    {{ DiscussionBoard.errors[5852314].message }}
    • Profile picture of the author redstanford
      Originally Posted by yukon View Post

      You do know that you can style the <h1> tag with CSS, right?

      i don't know a thing about CSS and I can also ruin my entire site's eye appeal if i start trying to dabble just to fix 1 H1 setting. but please tell me how I can do this safely and securely because I hate the way it looks but i need it for on-page seo
      {{ DiscussionBoard.errors[5852328].message }}
      • Profile picture of the author DeskCoder
        Originally Posted by redstanford View Post

        i don't know a thing about CSS and I can also ruin my entire site's eye appeal if i start trying to dabble just to fix 1 H1 setting. but please tell me how I can do this safely and securely because I hate the way it looks but i need it for on-page seo
        You could pay someone a few bucks to fix it, or find someone nice enough to do it for you for free. It's really not that hard, but you are right, if you don't know what you are doing, you can make your whole site look like crap.
        {{ DiscussionBoard.errors[5852682].message }}
  • Profile picture of the author MaverickUK
    It's actually really easy to do. Just do a Google search for "editing h1 tag css in Wordpress", assuming you're using Wordpress.
    {{ DiscussionBoard.errors[5852343].message }}
  • Profile picture of the author lovboa
    Banned
    Just go into your css file and click control+f, and then do a search for "h1" and then look for any thing that says font-size in that same line and change it to a size that you want.
    {{ DiscussionBoard.errors[5852487].message }}
  • Profile picture of the author cooler1
    What CMS are you using? If you're using WordPress you must be using a weird theme because i've never seen h1 tags 35 bold.
    Signature

    {{ DiscussionBoard.errors[5852511].message }}
    • Profile picture of the author redstanford
      Originally Posted by cooler1 View Post

      What CMS are you using? If you're using WordPress you must be using a weird theme because i've never seen h1 tags 35 bold.

      i was being sarcastic. i dont know what the actual font size is. it just looks god awful naturally
      {{ DiscussionBoard.errors[5852650].message }}
  • Profile picture of the author radivoj
    You don't need to replace H1 tag in the content only H2 and H3 Google read your website title as H1 tag...
    {{ DiscussionBoard.errors[5852570].message }}
  • Profile picture of the author danb12
    here you go, this is mine, change it around to suit, add it to your style.css

    Code:
    h1 {
font-size: 24px;
color: #1C4779;
font-weight: bold;
margin-top: 5px;
margin-bottom: 3px;
}
    Signature
    UK Coupon Website PR1 making £300+ per month - QUICK SALE - CHEAP SALE - CONTACT ME
    {{ DiscussionBoard.errors[5853036].message }}
  • Profile picture of the author UMS
    Originally Posted by redstanford View Post

    on every theme I've used?

    am i doing something wrong?
    Using the wrong type of theme. :p

    Seriously, how many themes have you tried? I've come across very few where the H1 style is too big.
    Signature
    {{ DiscussionBoard.errors[5853302].message }}
  • Profile picture of the author oogyboogawa
    Are you using the H1 tag as your main title or are you using it through the page? Because most themes I've used have it set up where it looks decent if used as the title. If not, like others have said it's fairly easy to edit the CSS file.
    Signature

    {{ DiscussionBoard.errors[5853322].message }}
  • Profile picture of the author KeepItSimpleSilly
    They do need to be styled, but in that black color and in bold its extremely dreadful! But just like that you can use some CSS to make it something pretty spectacular!
    {{ DiscussionBoard.errors[5859566].message }}
  • Profile picture of the author zabalex
    If you don't know which theme you are using just do the following:

    Open your site in ie
    go to View menu
    Click on Source
    Search for .css
    Now look which css is applied for your site styling.

    For example if you find style.css, find this file on your server, the path will be there in the same line where you will see the css file. Download the css on your local machine.

    >> Copy the code given by DANB12
    open the css file
    paste the code at the bottom of the file
    save
    upload the file on server.

    Before doing this you must backup your css file so that if something go wrong you can upload the original file.
    {{ DiscussionBoard.errors[5859679].message }}
  • Profile picture of the author sunray
    You either learn a fairly decent amount of HTML, CSS and how the server side works (the file system, FTP, SQL database etc) or hire a webmaster to do all of the technical work for you. Otherwise, having a website in complete ignorance will turn out to be a complete nightmare sooner or later.
    Signature
    {{ DiscussionBoard.errors[5860134].message }}

Trending Topics