Overlay on top of slider? - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
November 11, 2014 at 5:01 am #349197
Shiltush
Participant
I am starting to create a website and I am trying to achieve this effect:

http://acenatural.com/

How do I add a dark overlay on top off my fullscreen slider like the above website?

That way my text is easier to see.
- This topic was modified 10 years ago by Shiltush.
November 11, 2014 at 8:13 pm #349642
Shiltush
Participant
Can I get some help?

Also take note that a lot of other themes have this as a built in option
See: http://theme.co/x/demo/integrity/7/
http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/
http://themenectar.com/demo/salient-frostwave/
http://artbees.net/themes/jupiter/

Maybe it would be a good idea to add it in a future update.
But for now can i get help on how to do it?
- This reply was modified 10 years ago by Shiltush.
November 12, 2014 at 4:36 pm #350075
Elliott
Inactive Moderator
Hey!

Try adding this to your custom CSS.
```
.caption_fullwidth { background: rgba(0,0,0,.4) !important; }
```
Cheers!
Elliott
November 12, 2014 at 9:10 pm #350338

Shiltush
Participant

Hi Elliott,

Thanks for your help!
How can I achieve this with a background image?

Thank You,
Isaac

November 12, 2014 at 9:11 pm #350339

Shiltush
Participant

This reply has been marked as private.

November 12, 2014 at 9:36 pm #350356
Josue
Inactive Moderator
Hey!

Try with this:
```
#av_section_1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.4) !important;
}
```
Best regards,
Josue
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.