Jump to content

Adding dropdown/accordion with images inside

Go to solution Solved by jamesmabrown,

Recommended Posts

On 3/8/2022 at 8:11 AM, alyssazack said:

Hi, When I add this code for the accordion block with images it messes up my text blocks across the whole website. Please help!

https://chartreuse-armadillo-lwys.squarespace.com/menu

password: TCR-2022

A lot of code in this topic. Which code did you use?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...

I actually wrote an article about this, maybe can help someone. Take a look: 

https://www.ui-workarounds.com/how-to-make-a-squarespace-accordion-image-friendly/

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment
On 8/14/2022 at 6:01 PM, joseph81 said:

I actually wrote an article about this, maybe can help someone. Take a look: 

https://www.ui-workarounds.org/how-to-make-a-squarespace-accordion-image-friendly/

Great guide. Can I include your code into my post? Thank you.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/16/2022 at 4:37 PM, tuanphan said:

Great guide. Can I include your code into my post? Thank you.

Sure, just  please mention my blog, I need visibility for my blog and my new articles since I am a new blogger. Thank you. ( The new link is https://ui-workarounds.com)

 

 

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment
  • 6 months later...
On 2/27/2023 at 3:09 AM, sisutemplates said:

Hi @tuanphan,

I am using this code and it looks great. Just two questions, if you have the time:

1. How can I align the secondary titles (learn brand strategy, etc.) so that all the titles are justified to the left?

2. How can I replace the arrow icon with an image? 

The site I'm working on is https://rectangle-seadragon-eccx.squarespace.com/ (home page) PW: demo

I have uploaded a sample arrow icon here: https://static1.squarespace.com/static/63efe3291e78f65d59071210/t/63fb8575f842825742dc380c/1677428085817/makefg.php.png

Thank you!

captures_chrome-capture-2023-1-26 (5) copy.png

The site is private. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.