# (Squarespace) Accordion Block Title Color on Hover

**URL:** <https://community.elfsight.com/t/squarespace-accordion-block-title-color-on-hover/47412>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [April 14, 2024, 2:05am UTC](https://community.elfsight.com/t/squarespace-accordion-block-title-color-on-hover/47412 "2024-04-14T02:05:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [April 14, 2024, 2:05am UTC](https://community.elfsight.com/t/squarespace-accordion-block-title-color-on-hover/47412/1 "2024-04-14T02:05:28Z")

</div>

To change Accordion Block Title/Background/Plus icon color on hover, like this

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/d/9de7f693e02263e46f87d3409c785cdf70794285.png)

You can use this code to Website \> Website Tools \> Custom CSS

```auto
p.accordion-item__title-wrapper:hover {
    background: #000;
    color: #fff;
}
p.accordion-item__title-wrapper:hover .plus>div {
  background-color: #fff;
}

```