Support » Theme: Alurra » Banner Colors different than in Photoshop

  • sharon-jackson


    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


    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)
  • You must be logged in to reply to this topic.