Change background color for FAQ

AbeSmoky · May 2020

Hi support,

How can I change FAQ background color to be same like https://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#faq

Mine is currently looking like this https://pmohandbook.com/faq/

I searched the forum and found this code. But this code will change the whole background. I want to have 2 different colors, for the numbering and for the questions.

.faq_wrapper .question{
background:aqua !important;
}

Bryan · May 2020

Hey,

if you want to leave the background behind the "+" button then this will be not possible because all of those items are in the same DIV and are not coded in a way to change it with CSS.

thanks

AbeSmoky · May 2020

Hey Bryan,

If it is not possible than why the demo shortcode showing it that way?

Pablo · May 2020

I do not understand - on the splash page (https://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#faq) the background color of question and answer is the same - it's not possible to change this color - as Bryan said - the div there is the same (for question and answer), so changing it that way will be not possible, because it's the same div.

Thanks

AbeSmoky · May 2020

Not the background for question and answer.

Background for the number and background for the question. Background for the number on the left is a bit darker.

Pablo · May 2020

Whole background is solid color: https://prnt.sc/scg9j5

Do you want to change the whole background color of that faq or the font size?

I'm not sure what you mean.

thanks

AbeSmoky · May 2020

Pls see this link https://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#faq

There are 2 colors.

1) The darker grey for the numbering (1,2,3,4, etc)

2) The questions

I want to change the color for the numbering

Bryan · May 2020

Hey,

you can change this color with CSS

.accordion .question .title, .faq .question .title {
	color: #444 !important;
}

thanks

AbeSmoky · May 2020

Hi Bryan,

Tried that but it changed the text color, not the background color for the numbering.

Pablo · May 2020

Please use this CSS code instead:

.accordion .question::after, .faq .question::after {
	background-color: #444 !important;
}

Thanks

Change background color for FAQ

Comments