Trouble changing accordion color

crfsc · May 2020

Hello, I wonder if its possible to change color and font in my Accordion. I would like to achieve something like that... https://ibb.co/yhhvt1k

Can you help me please?

Thank You very much

Bryan · May 2020

Hey,

only some colors are editable from theme options>colors>shortcodes.

The font size is taken from the content font size.

We can help you with chaning the background but we need a link to your website.

thanks

crfsc · May 2020

Hello, Thank you for your fast reply. This is the link to my website: http://w3.crfsc.gov.br/institucional/plenaria/

The white accordion do not stand out so it would be great to have it in other color if possible.

Thank you.

Pablo · May 2020

Please use this CSS code:

.accordion .question .title{background:Red !important;}

Paste it into the Theme Options > Custom CSS & JS > CSS

Thanks

crfsc · May 2020

Hello Pablo, its almost perfect.

I changed the background color adding this code.

.accordion .question .title{color:#FFFFFF !important; background:#be9668 !important;}

But now the left side icon of the accordion (plus and minus) vanished, because they are the same color of the background. What piece of code should I add to turn that plus and minus white?

Thank you

Pablo · May 2020

Please use this code:

.title i{
	color:red !important;
}

Thanks

crfsc · May 2020

Perfect. Thank you very much.

Trouble changing accordion color

Comments