How to disable shadow in accordion? (item design box does not work)

[oblaum]

hello,

i need to get rid of all the shadow in the acccordion. how to?

i have used the accordion head/item/content design box and set the shadow to “0” does not work.

live https://dev2.ambrax.com/natuerliche-hilfe/

also css does not work (in chrome inspector it does work)
.x-acc-item {
box-shadow:none!important;
}

is there maybe a javascript code overlapping this css?
i get this in the chrome inspector (so there is an !important already)

.x-acc-item {
border-radius: 0px!important;
box-shadow: 0em 0.15em 0.35em 0em rgba(0,0,0,0.15)!important;
}

version: using pro theme and all of the latest versions. not beta.

thanks
oli

[prakash_s]

Hello Oli,

Thanks for writing to us.

I checked your site it seems that you have added this custom CSS in global CSS box or Page-specific CSS box. I would recommend you to check your global CSS or Page-specific CSS box.

If you are not able to find it you can use this CSS in X/Pro—>Theme Option —>CSS

.faq .x-acc-item {
box-shadow: none!important;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[oblaum]

hello prakash,

great. strangley i have used the theme option -> css always.
anyway with your css it works!

thank you very much!!!
oli

[christian]

You’re welcome, Oli.