Depo Masthead header issue

• 

  kr2160 · Member · Apr 1, 2010 at 3:46 am

  • Copy link
  • Add topic to favorites

  Hey All,

  Just started a blog here on wordpress and I’m having a little trouble. I’m using the depo masthead theme. I’ve done some research on CSS but haven’t had any luck with changing the header. I tried h1{font-size: value} but it only changed the box just above the header. I’ve read some stuff about headline box and headline link but not sure what to do with those. I also saw on some older posts that people would go into the theme options to make these changes, the theme options only let me change the text in box that appears above the header. Would really appreciate some help with this.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 1, 2010 at 7:38 am

  • Copy link

  Add this to your CSS and then change the font size to the size you want (the title text isn’t originally defined in the CSS) and change the font size to what you want. Set the font size in em units rather than px. px should be used for margins and such and not for font size. I put 4em in there as a starting point, but you can change it as you see fit. em units can be decimal also, so you can do something like 4.1em or 3.75em. You aren’t limited to whole numbers.

  #container h1.sitename {
  font-size:100px;
  }

• 

  thesacredpath · Member · Apr 1, 2010 at 7:39 am

  • Copy link

  Oops, I didn’t change it to 4em before hitting the post button.

  #container h1.sitename {
  font-size:4em;
  }

• 

  hewsut · Member · Apr 1, 2010 at 12:59 pm

  • Copy link

  Moved to CSS forum.

• 

  kr2160 · Member · Apr 1, 2010 at 3:35 pm

  • Copy link

  Sorry about posting this in the wrong place and thanks for moving it. Thanks for the help thesacredpath but i tried entering the code the way you suggested but its not chaning the size of the header. Is there any addtional code to be entered before or after the code you posted?

• 

  thesacredpath · Member · Apr 1, 2010 at 5:14 pm

  • Copy link

  Did you use the second posting with the 4em font size?

  It works in my test blog. Ah, OK, it since the original font size declaration is outside the CSS it takes precedent. Do the following and it will work.

  #container h1.sitename {
  font-size:4em !important;
  }

• 

  thesacredpath · Member · Apr 1, 2010 at 5:24 pm

  • Copy link

  Actually, sorry about the mixup. I had started to use my test blog but didn’t want to change the CSS I already had in there and the theme so I used the firefox firebug add-on and that was why it changed for me without the “!important” statement.

• 

  kr2160 · Member · Apr 1, 2010 at 5:35 pm

  • Copy link

  That did it! Thanks!

• 

  thesacredpath · Member · Apr 1, 2010 at 10:18 pm

  • Copy link

  You’re welcome, and sorry for not thinking that it would need the !important to override what was in the theme files.