Accordion-inner (text area) Shadow

[Maruf]

Hi,

I looked around on support for Accordion customization, I have used the code below. All looks great other that the shadow in the text area, I would like the background to be transparent with no outer shadow or any shadow at all. And the inner text should be black as well, I could not change this with the code I have. Many thanks!!!

.x-accordion-heading .x-accordion-toggle {
background-color: transparent;
border: 1px solid #fff;
color: #000;
}

.x-accordion-inner {
border: transparent !important;
background-color: transparent;
}

.x-accordion-heading .x-accordion-toggle:hover {
color: #00727A;
}

.x-accordion-heading .x-accordion-toggle:hover::before,
.x-accordion-heading .x-accordion-toggle.collapsed::before {
color: #000;
}

.x-accordion-heading .x-accordion-toggle.collapsed {
background-color: transparent;
}

.x-accordion-group {
background-color: transparent !important;
}
.x-accordion-heading .x-accordion-toggle {
border: none !important;
}

[ruenel]

Hello There,

Thanks for writing in! There should be no shadow in the accordion item text content area. Unless otherwise, some css is causing it. To assist you with this issue, we’ll first need you to provide us with URL of the page in questioned. This is to ensure that we can provide you with a tailored answer to your situation.

Regards.

[Maruf]

Hi,

I have an under construction page active right now, not sure if you can still access the front page!?

URL: https://www.mvmconsultants.com

[ruenel]

Hey There,

Please provide us access to get pass through the under construction mode.

Thanks.

[ruenel]

Hello There,

I have now logged in and saw your accordion. To remove the shadow, please use this code:

.x-accordion-inner {
  border: transparent !important;
  background-color: transparent;
  box-shadow: none !Important;
}

Please let us know how it goes.

[Maruf]

Worked beautifully, many thanks !!!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.