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

Wordpress Blog Title Unchangeable

by Farouseh
12 replies
Hi Warriors,

I have a wordpress blog, I am trying to change the size of the font in the blog title. It has h1 tag.

I tried to change it by changing the font-size in the sytlesheet.css but nothing is getting changed.
h1 {
font-size: 4em;
text-align: center;
}
#headerimg h1{
text-align:left;
margin:0;

Can any warrior help?
#blog #title #unchangeable #wordpress
  • Profile picture of the author flavius333
    What theme do you currently use ?
    Signature
    GMAIL SLAP FIX WSO - welcome back to Inbox! - Step by step method!

    the EXACT TACTICS that I used to generate 4782 subscribers in July 2013
    {{ DiscussionBoard.errors[3149033].message }}
    • Profile picture of the author Farouseh
      Originally Posted by flavius333 View Post

      What theme do you currently use ?
      I am using Wordpress Direct theme "sport-black-10"
      Signature

      Have a look at how you can optimize the use of your muscle supplements ==>

      Muscle Supplement Blog

      {{ DiscussionBoard.errors[3149211].message }}
      • Profile picture of the author Istvan Horvath
        Originally Posted by Farouseh View Post

        I am using Wordpress Direct theme "sport-black-10"
        WordPress Direct is a paid service - you should get support there not here. This is not a WP support forum!
        Signature

        {{ DiscussionBoard.errors[3149251].message }}
  • Profile picture of the author Kezz
    The easy way is to just use an inline style. It should override any other styles you have going.

    So in the header file, add this in to your h1 tags:

    <h1 style="font-size:36px">your blog title</h1>

    Change the pixel value to whatever size you need.
    {{ DiscussionBoard.errors[3149077].message }}
    • Profile picture of the author Vanessa Reece
      If you're viewing it in IE then it may not change - try using em instead of px in the style sheet.
      Signature


      {{ DiscussionBoard.errors[3149095].message }}
      • Profile picture of the author Farouseh
        Originally Posted by ITS-V View Post

        If you're viewing it in IE then it may not change - try using em instead of px in the style sheet.
        In all browsers it is showing the same. I am using em instead of px in my stylesheet
        Signature

        Have a look at how you can optimize the use of your muscle supplements ==>

        Muscle Supplement Blog

        {{ DiscussionBoard.errors[3149218].message }}
    • Profile picture of the author Farouseh
      Originally Posted by Kezz View Post

      The easy way is to just use an inline style. It should override any other styles you have going.

      So in the header file, add this in to your h1 tags:

      <h1 style="font-size:36px">your blog title</h1>

      Change the pixel value to whatever size you need.
      Hi Kezz,

      The h1 section in my header.php is currently as follows:
      <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

      Can you assist me further? Where should your code come?
      Signature

      Have a look at how you can optimize the use of your muscle supplements ==>

      Muscle Supplement Blog

      {{ DiscussionBoard.errors[3149217].message }}
  • Profile picture of the author Kezz
    Here you go mate:

    <h1 style="font-size:36px"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    {{ DiscussionBoard.errors[3149224].message }}
    • Profile picture of the author Farouseh
      Originally Posted by Kezz View Post

      Here you go mate:

      <h1 style="font-size:36px"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
      Thanks a lot Kezz, you solved my problem. Do you by any chance know how can I change the font type?
      Signature

      Have a look at how you can optimize the use of your muscle supplements ==>

      Muscle Supplement Blog

      {{ DiscussionBoard.errors[3149440].message }}
  • Profile picture of the author kaytav
    Hello everybody i was also facing the same prblm but now i also fixed it .
    One more question that if i want both in ie and firefox than which tag i should use px or em .

    Thanks
    {{ DiscussionBoard.errors[3149225].message }}
  • Profile picture of the author Kezz
    It's a question of preference really.

    em will scale with a site, so if someone zooms into a site the text will grow with it.

    px is a set number of pixels high so it stays set. But it can be easier to work with.
    {{ DiscussionBoard.errors[3149235].message }}
  • Profile picture of the author Kezz
    Sure, just add that into your inline style as well. So like this:

    <h1 style="font-size:36px;font-family:Arial;">

    And for down the track if you get stuck, check out W3Schools. I use this as my reference all the time: CSS Tutorial
    {{ DiscussionBoard.errors[3151789].message }}

Trending Topics