Reply To: Transparent Header with semi transparent background

[Robert Kavgić]

Hello,

Open stye.css and go about line 1077 where it’s written:

#header-wrapper.header-transparent.solid-color {
    background-color: #223d8e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

Replace the background-color value #223d8e with rgba(34, 61, 142, 0.8) so the upper code looks like:

#header-wrapper.header-transparent.solid-color {
    background-color: rgba(34, 61, 142, 0.8);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

Modify the alpha value (0.8) to suit your needs.
Value 0.8 can be interpreted as 80% visibility, 20% transparency.

Robert