New to wordpress, CSS HELP!

• 

  somethinsfishy · Member · Jan 2, 2009 at 5:45 pm

  • Copy link
  • Add topic to favorites

  Here is a link to the blog: http://www.somethinsfishy.wordpress.com

  To start:

  I can’t seem to get the header img in the center without the tile effect! Here is the CSS I have input so far.

  #header {
  width:800px;
  height:200px;
  position:static;
  background:url(‘http://i158.photobucket.com/albums/t116/xsanoukx/blog_header-2.png’);
  background-color:#666666;
  }

  h1 {
  display:none;
  font-size:230%;
  color:blue;
  }

  Also, how do you get rid of the “just another wordpress blog” at the top?

  Thanks!!

• 

  devblog · Member · Jan 2, 2009 at 6:12 pm

  • Copy link

  when you use the “background” property, you don’t need the “background-color”. The “background” is the shorthand of “all” the background-xxx properties. You don’t need the position property either.

  Try this:

  #header {
  width:800px;
  height:200px;
  background: #666 url('http://i158.photobucket.com/albums/t116/xsanoukx/blog_header-2.png') top left no-repeat;
  }
  
  h1 {
  display:none;
  }

  Notice that I modified the definition of your “h1” selector. When you have display none, having other properties defined is useless.

  HTH

• 

  aw1923 · Member · Jan 2, 2009 at 6:13 pm

  • Copy link

  add this instead

  #header {
  width:991px;
  height:200px;
  position:static;
  background:url('http://i158.photobucket.com/albums/t116/xsanoukx/blog_header-2.png') center no-repeat;
  background-color:none; color: transparent;
  }

• 

  aw1923 · Member · Jan 2, 2009 at 6:13 pm

  • Copy link

  dangit, nevermind then

• 

  thesacredpath · Member · Jan 2, 2009 at 6:18 pm

  • Copy link

  Also, you header image is only 740 x 192 px and you have the width at 800 and the height at 200.

• 

  thesacredpath · Member · Jan 2, 2009 at 6:26 pm

  • Copy link

  And the “just another wordpress weblog” is a tagline and can be changed or deleted by going to settings > general. Make sure and click “save changes” at the bottom of the page when done.

• 

  somethinsfishy · Member · Jan 2, 2009 at 6:28 pm

  • Copy link

  I tried this one:
  #header {
  width:740px;
  height:192px;
  background: #666 url(‘http://i158.photobucket.com/albums/t116/xsanoukx/blog_header-2.png’) top left no-repeat;
  }

  h1 {
  display:none;
  }

  It took the tiling out, but is still very unclean. Ideas?

• 

  aw1923 · Member · Jan 2, 2009 at 6:31 pm

  • Copy link

  did you try mines yet? I thought it looked nice. and your image isn’t going to fill the whole page since its not big enough.

• 

  aw1923 · Member · Jan 2, 2009 at 6:34 pm

  • Copy link

  wait, neither of ours is going to look right, cause you switched from using sandbox to using another theme.

• 

  somethinsfishy · Member · Jan 2, 2009 at 6:37 pm

  • Copy link

  Woops, I meant to have it on Kubler.

• 

  thesacredpath · Member · Jan 2, 2009 at 6:37 pm

  • Copy link

  CSS is theme specific and if you switch themes, you have to dump the old CSS modifications and then make modifications to the new theme’s CSS.

• 

  somethinsfishy · Member · Jan 2, 2009 at 6:39 pm

  • Copy link

  *kubrick*

• 

  somethinsfishy · Member · Jan 2, 2009 at 6:41 pm

  • Copy link

  I know, I was just testing something out. So for the kubrick theme, what do I need to have in order to clean up the current header img?