two header images and text boxes- css help

• 

  sparkeditarts · Member · Dec 7, 2011 at 5:24 pm

  • Copy link
  • Add topic to favorites

  I would like to have two header images, one on top of the other, and I’m not sure how to do that.

  Also, I’m using the bueno theme, and the text boxes are all white, but I’d like to change them to a different color. Any ideas would much appreciated.

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

• 

  thesacredpath · Member · Dec 7, 2011 at 7:26 pm

  • Copy link

  The best way to do the stacked images is to create a composite header image with the two image in it and then use that composite image for the header.

  The background color and border for the post and page content are set here.

  .post, div.page {
  background-color: #FFFFFF;
  border: 5px solid #EFEFEF;
  }

• 

  designsimply · Member · Dec 7, 2011 at 7:34 pm

  • Copy link

  You could also try something tricky like this:

  #header-image {
      height: 396px;
  }
  #header-image img {
      background: url(http://sparkeditarts.files.wordpress.com/2011/11/cropped-nadia-pick-smoke-promo-web-smokeadd-0662.jpg) top left no-repeat;
      padding-top: 198px;
  }

  But I’m not sure exactly how you wanted the images configured?

• 

  designsimply · Member · Dec 7, 2011 at 7:37 pm

  • Copy link

  Also, note that you should replace the url() value in that example with an image you upload to your media library.