Jump to content

Make Accordion drop down look like a button

Recommended Posts

I'm not a coder....

I figured out how to make an accordion style dropdown on my page. Can anyone tell me what to add to this to make it look more like a "button?" Right now the dropdown header is just text so people cant really tell its a dropdown...

### +<span style="color:navy">COSTS AND HOW DO WE SIGN UP? (Tap for Details)</span>

Site page is https://www.leveluplacrosse.com/group

Link to comment
  • Replies 5
  • Views 2k
  • Created
  • Last Reply
2 hours ago, garyhoppe said:

I'm not a coder....

I figured out how to make an accordion style dropdown on my page. Can anyone tell me what to add to this to make it look more like a "button?" Right now the dropdown header is just text so people cant really tell its a dropdown...

### +<span style="color:navy">COSTS AND HOW DO WE SIGN UP? (Tap for Details)</span>

Site page is https://www.leveluplacrosse.com/group

Your page is 404. Please check url

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
19 hours ago, garyhoppe said:

Add to Home > Design > Custom CSS

div#page-5dbed8e96b4e151dedcd0c64 .markdown-block h3 {
    background: #f1f2f3;
    padding: 10px;
    border-radius: 10px;
}

I think you should change + icon to +/- icon, or Up arrow/Down arrow. As such, users will know it is dropdown content.

 

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
  • 1 month later...

Hi, do you have any code I can leverage for accordion functionality on my FAQ page? I don't know where to start. I don't even know where to put the code. I want users to simply click or tap on a FAQ to reveal its answer. They can close it up the same way. Anyone?

Thank you!

Link to comment
6 hours ago, anon22339 said:

Hi, do you have any code I can leverage for accordion functionality on my FAQ page? I don't know where to start. I don't even know where to put the code. I want users to simply click or tap on a FAQ to reveal its answer. They can close it up the same way. Anyone?

Thank you!

Did you send me an email? If yes, i sent an answer.

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.