- This topic has 4 replies, 3 voices, and was last updated 5 years, 10 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Support › Forums › Flex Theme › Removing shadowing from Flex slider
Tagged: Flex slider, shadowing
Hi there,
I’d like to remove the gradation (shadowing) from the Flex slider. How can I do that?
Many thanks!
Either remove background code from .flex-caption class
or add following code to your style.css file
.flex-caption {
background: transparent !important;
}
Thank you, but unfortunately adding that code to the style.css file didn’t seem to change anything. Are there any other possibilities?
Thank you so much!
Find the .flex-caption
in style.css file and remove the background part.
Replace
.flex-caption {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0.55) 80%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.35)), color-stop(80%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.55) 80%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.55) 80%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.55) 80%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.55) 80%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType='0' );
bottom: 0;
color: #fff;
padding: 20px;
position: absolute;
text-align: center;
width: 100%;
z-index: 20;
}
WITH
.flex-caption {
bottom: 0;
color: #fff;
padding: 20px;
position: absolute;
text-align: center;
width: 100%;
z-index: 20;
}
Success! Thank you!