• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Removing shadowing from Flex slider

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Removing shadowing from Flex slider

Tagged: Flex slider, shadowing

  • This topic has 4 replies, 3 voices, and was last updated 5 years, 10 months ago by nomad_jess.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 19, 2016 at 4:23 am #1189
    nomad_jess
    Participant

    Hi there,

    I’d like to remove the gradation (shadowing) from the Flex slider. How can I do that?

    Many thanks!

    August 19, 2016 at 11:54 am #1196
    Davinder Singh Kanith
    Moderator

    Either remove background code from .flex-caption class

    or add following code to your style.css file

    .flex-caption {
    background: transparent !important;
    }
    August 21, 2016 at 12:11 pm #1221
    nomad_jess
    Participant

    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!

    August 21, 2016 at 12:49 pm #1223
    Chinmoy Paul
    Moderator

    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;
    }
    August 21, 2016 at 1:38 pm #1226
    nomad_jess
    Participant

    Success! Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates