# Theme Accordion Icon **URL:** \ **Category:** CMS Development\ **Tags:** design-manager\ **Created:** [August 2, 2023, 3:05pm UTC](https://community.hubspot.com/t/theme-accordion-icon/86658 "2023-08-02T15:05:50Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![CD20623](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@CD20623](https://community.hubspot.com/u/CD20623)\ **Post date:** [August 2, 2023, 3:05pm UTC](https://community.hubspot.com/t/theme-accordion-icon/86658/1 "2023-08-02T15:05:50Z")
Hi - How do I change the my theme accordion icon? The theme currently has a right arrow (close) and down arrow (open), I need to change these to a plus (+) and minus (-). I can’t seem to find this in the theme global settings and the module css files. Thank you ---
**Author:** ![pm8rsh88](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/pm8rsh88/32/78471_2.png) [@pm8rsh88](https://community.hubspot.com/u/pm8rsh88)\ **Post date:** [August 3, 2023, 3:49pm UTC](https://community.hubspot.com/t/theme-accordion-icon/86658/2 "2023-08-03T15:49:04Z")
Without knowing what theme you are using or an example, I can only guess that the Accordion Icon is being added through CSS. If you use Edge/Chromes Developer tool, you can use the inspect feature to highlight the icon, and it should give you an indication as to how the Icon is being generated. ---
**Author:** ![CD20623](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@CD20623](https://community.hubspot.com/u/CD20623)\ **Post date:** [August 3, 2023, 5:42pm UTC](https://community.hubspot.com/t/theme-accordion-icon/86658/3 "2023-08-03T17:42:04Z")
Hi - I am using the clean pro theme. I’ve looked through all the these css files and not seeing where I can change it. I am seeing "content: " "; which I’m assuming it’s controlling the icon itself. I need to change it for one module only. any advise? ---
**Author:** ![KCookwell](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@KCookwell](https://community.hubspot.com/u/KCookwell)\ **Post date:** [October 6, 2025, 8:54pm UTC](https://community.hubspot.com/t/theme-accordion-icon/86658/4 "2025-10-06T20:54:00Z")
Did you find a solution to this? I can’t find a way to edit the icons in my accordion in ClanPro as well. ---
**Author:** ![STierney](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stierney/32/186066_2.png) [@STierney](https://community.hubspot.com/u/STierney)\ **Post date:** [October 6, 2025, 9:05pm UTC](https://community.hubspot.com/t/theme-accordion-icon/86658/5 "2025-10-06T21:05:07Z")
Hey @KCookwell - thanks for following-up on this post! I’d like to re-tag @CD20623 to see if they have any context they can provide from their experience! Shane, Senior Community Moderator ---
**Author:** ![GRajput](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/grajput/32/102020_2.png) [@GRajput](https://community.hubspot.com/u/GRajput)\ **Post date:** [September 25, 2026, 7:39am UTC](https://community.hubspot.com/t/theme-accordion-icon/86658/6 "2026-09-25T07:39:35Z")
Hi @CD20623 There may be an editable **icon field** available within the accordion module where you can change the open/close icons directly. If you don’t see an icon field, the arrows may be added through the module’s CSS or directly in the HTML/HubL code by the theme developer. In that case, we’ll need to check the module code to see how the icons are being added and replace them with the `+` and `-` icons. Could you also share screenshots of the module’s **HTML/HubL and CSS code**? That would help us identify where the current icons are being added. If you’re still unable to find it, I’d be happy to take a look and help you identify the issue. We can also discuss it over a quick call if that’s easier. I hope this helps you out. Please mark it as **Solution Accepted and Like** to help another Community member. This post was created with the assistance of AI tools Thanks!