Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 2, 2017 at 1:44 pm #847162
    dannat

    Hello, I’m a new customer.
    In a color section, if I insert a background image, this remains NOT blurred. I would like the background images to be blurred like in the demo (Enfold 2017). How can I do?

    • This topic was modified 7 years, 3 months ago by dannat.
    September 3, 2017 at 5:49 am #847291
    Rikard

    Hey dannat,

    I think by blur you mean overlay? If so then please try to activate that in the Section Background Overlay tab in the Color Section element options.

    Best regards,
    Rikard

    July 10, 2020 at 5:26 pm #1229459
    RJ

    Hi there!

    I was actually looking how to blur the color-section > background image (as i would like to show a low-res picture thats not pixeled).
    With custom css and filter: blur(8px); it blurred the whole content…
    Is there a way?

    Thanks a lot!

    July 12, 2020 at 4:44 am #1229729
    Rikard

    Hi XV,

    I don’t think that is possible unfortunately, since it will blur all of the content as you mentioned. Maybe you could try editing the image in Photoshop then upload it again?

    Best regards,
    Rikard

    July 12, 2020 at 11:04 am #1229760
    Guenni007

    Does your background-image scroll or is it set to fixed?
    (Edit : i ask – because there will be a solution if it is set to scroll.)

    _____

    But however it will be easier to blur it in a graphic programm and upload that blurred image.

    July 19, 2020 at 2:58 pm #1231557
    RJ

    Ok found a solution:
    The point was not to load another picture or high-resolution background or to add extra images, now it load an already cashed image from a previous page and just blurs it.

    – If you set the background to parallax it gets a class (av-parallax-inner)
    (then added a custom css (blog-background) to the color-section)
    and added the css :)

    .blog-background .av-parallax-inner {
    filter: blur(15px);
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    }

    July 20, 2020 at 9:55 am #1231667
    Rikard

    Hi XV,

    Great, I’m glad that you found a solution and thanks for sharing.

    Best regards,
    Rikard

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