Banner Colors different than in Photoshop

  • My banner is a plain colour, two layers in Photoshop, the top layer is thinner than the bottom one and has a drop shadow. The original colour was the same as the menu background, the plan was that it would blend into the menu. The colour is #e2e2d1.

    When I uploaded it, it is a greenish grey, and does not blend at all. This is the first time I have come across this. The original image was RGB. Is this problem theme related or my computer related??

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    There is an overlay which is used to darken a photo whenever text is sitting on top of the image–this helps make text standout.

    It’s done with this CSS:

    .has-header-image .site-header:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--rp-header-bg-colour);
    opacity: var(--rp-header-overlay-opacity);
    z-index: 2;
}

    You can always add custom CSS to override the opacity (transparency) with:

    .has-header-image .site-header:before {
opacity: 0;
}

    The 0 makes the transparent layer completely transparent, whereas making it a value of 1 makes it black (the least transparent value). You can also change it to anything between 0 and 1.

    For example: 0.3 (which would be 30% transparency). 0.75 would make it 75% transparency.

Viewing 1 replies (of 1 total)
  • The topic ‘Banner Colors different than in Photoshop’ is closed to new replies.