CJoose Posted May 29 Posted May 29 (edited) Hi, I have an accordion block which uses the "+" and "-" icons to open and close the accordion description. (see below) I would like to add a circle around the "+" or "-" using CSS, any ideas on how this can be done ? I'd like it to look like this : Edited May 29 by CJoose
Solution Lesum Posted May 29 Solution Posted May 29 @CJoose Hi ! You can try adding this code snippet under Utilities > Website Tools > Custom CSS. .accordion-icon-container { border: 1px solid !important; border-radius: 50% !important; padding: 10px !important; } .sqs-block-accordion .plus__horizontal-line, .sqs-block-accordion .plus__vertical-line { width: 50% !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment