Accordion styling - background image

[threeoten]

Hi, I’m trying to style an accordion with a blurred background image using the following css

#tab-e68-5 { background-image: url("http://cvfrc.dreamhosters.com/wp-content/uploads/2018/10/frc-header1.jpg") !important; background-position: center; background-repeat: no-repeat; background-size: cover; filter: brightness(50%) blur(5px); -webkit-filter: brightness(50%) blur(5px); transform: scale(1.03); }

But it is blurring the title & toggle as well. How can I get it to only apply to the background of the accordion and not the title & toggle?

[friech]

Hi There,

Thank you for writing in, unfortunately, that is not possible with the current structure of the accordion, that will only work if the text title is outside of the <div> that we blurred (see example here).

I advise that you pre-blur your background-images and re-upload it, you can use this free photo editing tool here.

Cheers!