custom background at blog, header and footer and half-transparent background on sites

Comments

• Air

  February 2013 Posts: 10,970

  commander97 said: i´m so sorry but have another questions

  This is why I am here, not need to apologize :-)
  
  1 image) Go to Hypershot theme-> Blog & Archives-> Blog appearance-> Content background color and remove color from there.
  
  2 Image) Go to Hypershot theme-> Appearance-> Customize header-> Header lower background color and set color there.
  
  Go to Hypershot theme-> Appearance-> Customize footer-> Custom background color and set color there.
  
  3 image) Use this custom CSS

  article, body.search-no-results.search article, body.archive.category-empty article{
      background-color: transparent;
  }

  With regards.
• commander97

  February 2013 Posts: 23

  1) ah little things that change the world.. :-)
  
  2) hmmm, i wanted to have a picture at background, not a color. any idea?
  
  3) it works at all pages but not at the blog one
  i want to set it half transparent, you know.
  
  thanks!
• Air

  February 2013 Posts: 10,970

  OK:-)
  2) Then set background-image with CSS. However you need to be familiar with CSS syntax cause I can't explain every rule
  header(remember to remove colors from header if anything overlaps you image)

  #root > header{
      background-image: url("http://hochzeitsfotografie-schneider.de/wp-content/uploads/2013/02/black_backrnd01.jpg");
      background-position: center center;  /* You don't have to use it */
  }

  footer

  #footer{
      background-image: url("http://hochzeitsfotografie-schneider.de/wp-content/uploads/2013/02/black_backrnd01.jpg");
      background-position: center center;  /* You don't have to use it */
  }

  3) Try this then

  .archive-item, article, body.search-no-results.search article, body.archive.category-empty article {
      background-color: rgba(0, 0, 0, 0.3);
  }

  With regards.
  
• commander97

  February 2013 Posts: 23

  same same but different...
  i removed the color of header and footer and got what i wanted. thanks a lot for spending so much time for all these questions!
  now i´m nearly finished and at the beginning of loving my new page!
  i´ve a very last question, see a new topic....