-
Posts
-
Similar to https://kriesi.at/support/topic/applying-dot-overlay-to-slider-images/
Trying to make this work in Fullscreen slider.http://farrdesign.graphics/strong/
Looks like it works with that other quick css. I thought it was for full width slider.
But what about for background video on a color section?
Hi!
Can you please disable the minification so i can see the code you are currently using?
Best regards,
JosueMinification disabled.
http://farrdesign.graphics/strong/home-move-2/
For Color SectionHi!
Edit the color section then apply a unique id using the For Developers: Section ID field. For example, use “section-overlay”. Add this on Quick CSS:
#section-overlay:before { content: ''; display: block; background: rgba(255,255,255,.8); width: 100%; height: 1000px; z-index: 2; position: absolute; top: 0; left: 0; } #section-overlay .container { z-index: 3; }Best regards,
IsmaelThis works, but the pattern is not full-width, like the home page:
http://farrdesign.graphics/strong/home-move-2/
My css:#section-overlay:before {
background-image: url(http://farrdesign.graphics/images/pattern.png);
display: block;
background: rgba(255,255,255,.8);
width: 100%;
height: 1000px;
z-index: 2;
position: absolute;
top: 0;
left: 0;
}#section-overlay .container {
background-image: url(http://farrdesign.graphics/images/pattern.png);
z-index: 3;
}Hey!
Please add following code to Quick CSS as well
div#section-overlay > .container { max-width: 100%; }Cheers!
Yigit
- The topic ‘Applying dot overlay in Fullscreen lsider’ is closed to new replies.