Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 8, 2016 at 3:48 pm #696904
    Jahrl

    Hi

    Want to use a css filter blur on the first background image slide in a full screen slider

    Something like this but all text and content became blur :/

    .home #fullscreen_slider_0 .slide-1 {
-webkit-filter: blur(5px);
  filter: blur(5px);
}
    October 9, 2016 at 8:48 am #697007
    Rikard

    Hi Magnus,

    I’m not sure if that is possible, I couldn’t see a slider on the page you linked to though. Do we need to be logged in to be able to see it?

    Best regards,
    Rikard

    October 9, 2016 at 9:22 am #697023
    Jahrl

    Hi Rikard

    The login is in the Private Data section. But if I go to Enfolds demo you can look at http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/

    And the questions is what class do the first sliders image have (http://kriesi.at/themes/enfold/files/2013/06/tablet-2-1500×1500.jpg)? I use FireBug but I have some problem finding the right class..

    October 10, 2016 at 4:51 pm #697462
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .home #fullscreen_slider_0 li.slide-1.active-slide {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

    Best regards,
    Yigit

    October 10, 2016 at 5:28 pm #697486
    Jahrl

    Hi

    I blured all, both text and content in front of the image. I just want blur on the image, in this case a animated.gif

    October 11, 2016 at 1:19 pm #697811
    Yigit

    Hi,

    Code i posted is targeting the element which has the GIF as background image and your content is placed inside that element, therefore, background and content is being blurred.
    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Yigit

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