Andreas 09 Header Options Via CSS

• 

  devilmafia2 · Member · Sep 8, 2011 at 3:01 am

  • Copy link
  • Add topic to favorites

  Hello,

  My blog was mainly on the Digg3 Column with a standard header easily trasnformed into a bigger header etc. But sadly that covers up the buttons to the pages I need to display. Now I took a look at one of my favorite themes (Andreas 09) And figured with a CSS I could add a header in with keeping the buttons/tabs below it. I have tried countless numbers of times and even have looked at old foumr entries but still no luck. Could someone please shed some light on this topic?

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

• 

  thesacredpath · Member · Sep 8, 2011 at 3:18 am

  • Copy link

  We need a link to the site first off, but Andreas09 is an old style flexible width theme and doing a header on one of those is very difficult. That is why you never see the old style flexible width themes with header images, just with a horizontally repeating image.

  On Digg3, you can add any size header you want and you just have to adjust it and the surrounding elements so that one does not cover up or interfere with another.

• 

  devilmafia2 · Member · Sep 9, 2011 at 12:23 am

  • Copy link

  The Site is currently http://lgtarmy.com . So there is no way to put up a header on there?

• 

  timethief · Member · Sep 9, 2011 at 12:35 am

  • Copy link

  Andreas09 is an old style flexible width theme and doing a header on one of those is very difficult.

• 

  thesacredpath · Member · Sep 9, 2011 at 1:25 am

  • Copy link

  Actually now that you have provided a link, I see that you have already made it into a fixed width theme. I didn’t know that at first. With it fixed width, yes you can add a header image. Add the following to your CSS at the bottom.

  #sitename {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  height: 90px;
  margin: 0;
  width: 904px;
  }

  With the above, create a 904px wide image at whatever height you want, upload it to the media library, get the URL and put it into the background declaration between the double quote marks and adjust the height to the height of your image.

  If you incorporate your title and tagline into your header image, you can use the following to hide the existing text title and tagline.

  #sitename h1, #sitename h2 {
  display: none;
  }