"TopArea opacity" (#1392555) / CodexThemes

Comments

ENtemplates started the conversation
December 5, 2017 at 12:34pm
Hi,
How can I control top area opacity like on screenshot attached? How can I do it by myself?
Also on imported demo page - "Fitness-2" top-area not transpotent like on http://codex-themes.com/thegem/fitness-2/ page.
What should I do, to make Fitness-2 top-area similar like your demo page with transparent .top-area & colored social icons?
.top-area {
background-color: rgba(0, 0, 0, 0.7);
}
Simple css fix does not work :)
Thx!
7,092
Oliver replied
December 5, 2017 at 12:39pm
Hi!
pls. give link to your site.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver
ENtemplates replied privately

7,092

Oliver replied

December 5, 2017 at 1:30pm

HI!

pls. use following css:

body .top-area {
    position: absolute;
    z-index: 999;
    width: 100%;
    border: none;
}
body #site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) {
    padding-top: 75px;
}

Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver

1 Like

ENtemplates replied
December 5, 2017 at 2:04pm
Thank You!

little fix: z-index: 1001; (with z-index: 999 - top-area links not clickable...)

Is there setting in theme to make social icons in top-area colored on hover? Same as http://codex-themes.com/thegem/fitness-2/
7,092
Oliver replied
December 5, 2017 at 2:26pm
Css example:
.top-area .socials-item-icon:hover { color: #000; } .top-area .socials-item-icon.linkedin:hover { color: #ccc; }
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver
1 Like