Transparent Header Image–>Background Colors don't go away….

  • Transparent Header Image–> Background Colors don’t go away….can’t get anything to work…
    I did a bunch of reading, and trying many things..
    But to do no avail I can’t get

    The Background Colors behind the header image to go away.

    If I try and use any type of “none” it just defaults… to some color.

    I’d like to have a round Top to the Header Image.. that has the “page” background image show through.
    And if I could get it too work it would lead to even more styling of the header image area.
    I can’t imagine it’s that difficult but I sure haven’t done it yet. And I’ve got lots of “hacks” to this theme but this one has got me stumped.

    This is what I have now but not really the look I want.. you will see the “black” corners that would be transparent if I could do it…
    https://goo.gl/L6qc3v

    Thanks group.

Viewing 1 replies (of 1 total)
  • Thread Starter Robswaimea

    (@robswaimea)

    Well… ideally, what I would like to do is take out the CSS that is associated with the rest of the page in the Header area.. thusly leaving that area independent of the rest of the page.

    As a “fudge” hack.. I am getting the “look” I want.. but certainly not an end all solution.. this is what I have now, but any suggestion to my above concept of having the Header area “independent” would be great. Obviously I’ll keep trying..
    This is what I am currently using.. I’m sure it’s far from “clean” but works for now.

    * top right corner of header image */
.hfeed site, #page {
	background-color: #000000;
	background-image: url("your_backgroundimage.gif");
}

/* top left corner of header image */
.styles .site:before, .styles #site-header {
	background-color: #000000 !important;
	background-image: url("your_backgroundimage.gif");
}

Viewing 1 replies (of 1 total)
  • The topic ‘Transparent Header Image–>Background Colors don't go away….’ is closed to new replies.