Before you ask please READ THIS

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

edited February 2013 in Hypershot Posts: 23
hey air, i´m so sorry but have another questions....

how can i insert cusom bckrnd in my blog site, like i have at the other ones?
for_air4


is it possible to have custom bckrnd at the header and footer, too?
for_air5


the last question: is it possible to make the "inner" sites transparent?
for_air6




Thank you so much!




Comments

  • AirAir
    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.
  • 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!
  • AirAir
    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.
  • 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....
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!