Accordian hoverover color

I used the background color CSS which worked great, and now would like to add a hover-over color. I tried adding the hover css, but it didn’t seem to work:

/* Accordion block bg */
.wp-block-coblocks-accordion-item__content{
background: #E6EFF2;
hover: #E6EFF2;
}

• This reply was modified 1 year ago by khartist.

Hey @khartist,

Thanks for reaching out!

There’s a small mistake in your CSS. Instead of adding “hover” as a CSS property, it needs to be added as a selector. Making it:

.wp-block-coblocks-accordion-item__content:hover{
background: #E6EFF2;
}

@gdalex, thanks. You’ve provided code to change the bg color of the accordion contents, and what I’m needing is the code to change the accordion description area. The default seems to be set to gray w/a dotted border, and I’d like to change its color. Sorry if I was unclear in my original post. https://www.quoarts.com/plans/