kaydotjpg Posted April 16, 2023 Share Posted April 16, 2023 Hi! This may be a far reach- but is there a way to change the accordion drop down icon? I know there's the default options- but is there to customize this? I would like to change the "+" icon out for a text dot: "●" to match what I have in my header. password: lara Link to comment
Ziggy Posted April 17, 2023 Share Posted April 17, 2023 Can you share your website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Solution abibacon Posted April 17, 2023 Solution Share Posted April 17, 2023 Hey @kaydotjpg, try this CSS .accordion-icon-container div { visibility: hidden; } .accordion-item .accordion-icon-container::after { content: '●'; position: absolute; transform: translateY(-25%); } tuanphan 1 Squarespace Developer based in Hampshire, England If you'd like to make a contribution for my time you can Buy Me A Coffee. Reach out for Custom Coding - abibacon.com Developer & Support Specialist at will-myers.com (Affiliate Link) Link to comment
kaydotjpg Posted April 17, 2023 Author Share Posted April 17, 2023 (edited) Omg, amazing, thank you @abibacon! That icon changed. Edited April 17, 2023 by kaydotjpg Link to comment
Inkdave Posted August 12 Share Posted August 12 (edited) @Ziggy is there a way to change position of Icon, so it aligns to top of container? Thanks Dave Edited August 12 by Inkdave Link to comment
Ziggy Posted August 12 Share Posted August 12 59 minutes ago, Inkdave said: @Ziggy is there a way to change position of Icon, so it aligns to top of container? Adjust this value: transform: translateY(-25%); Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Inkdave Posted August 13 Share Posted August 13 Thanks. What if you want to keep standard icon as it is and simply move the position of that to top of accordion? Link to comment
Ziggy Posted August 13 Share Posted August 13 10 minutes ago, Inkdave said: What if you want to keep standard icon as it is and simply move the position of that to top of accordion? Can you share your website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Hussnain700 Posted August 25 Share Posted August 25 Here's how you can add custom icons to the Accordion Block while keeping the arrow or plus sign. CODE LINKS: https://www.patreon.com/posts/how-to-add-icons-110780721?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link ☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment