Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 3, 2017 at 11:28 am #815794
    Sir-Richard-Picture

    At first thanks for this great theme and the good support!
    I have a new topic. I would like to apply a blur to a av-section background image per css. But unfortunatelly it didn’t work. I’ve tried this:

    #blur background-image{
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
    }

    But nothing happens. Do you have an idea?
    Thanks in advance.

    July 3, 2017 at 11:36 am #815801
    Sarah

    Hey Sir-Richard-Picture,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Sarah

    July 3, 2017 at 11:38 am #815803
    tjswarbs78

    Morning,

    Without looking at the page I’d hazard a guess that the selectors are incorrect.
    The code is looking for an ID of blur and a class of background-image are these used on your av-section and image at all? (there is also a “.” missing infront of background-image)

    If you can post a link to the page someone can look at the html and check everything is correct.

    Thanks

    TJ

    July 3, 2017 at 11:50 am #815814
    Sir-Richard-Picture

    Thanks for the urgent reply.
    Here is the link:
    http://www.srpcom.mediafactoryonline.de/raffaello-summer-day-2017/?preview_id=1680&preview_nonce=7822be3469&post_format=standard&_thumbnail_id=1688&preview=true

    I would like to blur the header image.
    Thanks in advanced.

    July 3, 2017 at 11:50 am #815816
    Nikko

    Hi,

    Assuming you are using a Color Section with a background image and a section id of blur, please try to use this code:

    #blur {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
}

    Hope this helps :)

    Best regards,
    Nikko

    July 3, 2017 at 12:30 pm #815841
    Sir-Richard-Picture

    Dear Nikko,
    thank you for your efforts. You are right. I’m uisng a color section with a background image.
    But unfortunatelly your code didn’t effect the image.
    Any other suggestions?

    July 3, 2017 at 2:23 pm #815905
    Sarah

    Hi!

    Unfortunately the link didn’t work for us. Can you possibly send a new one? We need to see your code at work so we can help. Thank you!

    Best regards,
    Sarah

    July 3, 2017 at 5:11 pm #815968
    Sir-Richard-Picture

    Dear Sarah,
    ups, next attempt: http://www.srpcom.mediafactoryonline.de/raffaello-summer-day-2017/.
    Thank you for your efforts.
    Regards
    Christian

    July 6, 2017 at 11:13 am #817143
    Victoria

    Hi Christian,

    The image has to be in a separate container, because the blur will apply to the whole color section in this setup.

    Best regards,
    Victoria

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