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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.