Transparent background-color accordion

Soform · April 2017

Hello,

this is our site http://stromausholz.soform.de/. We used the accordion to show the profits ("VORTEILE").
We changed already the background-color with this css:
.accordion .question .answer, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected::after, .ui-tabs .ui-tabs-nav li.ui-state-active::after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a { background-color: #eff1f3 !important; }

Is it possible to make this background transparent?
Thanks in advance

Bryan · April 2017

Hi,
Do you want the whole accordion to be transparent?
thanks

Soform · April 2017

Good Morning,

no no the whole accordion. The title (heading of benefits) should not have a transparent background. Only the content background.
Thanks.

Bryan · April 2017

Hi, this is not possible. Either the whole accordon will be transparent or nothing because the while background is behind the title.

Soform · April 2017

Okay i see. Can you tell me the code for making the whole accordion transparent?
Then we will see if we like it.

Thank you!

Bryan · April 2017

It workes as you wanted it to, paste this css

.accordion .question {
	background-color: transparent !important;
}
.column .accordion .question .title, .column .accordion .question.active .title {
	background-color: transparent !important;
	color:white !important;
}
.accordion .question .answer{
	background-color: transparent !important;
}

Transparent background-color accordion

Comments