Jump to content

Accordian Style/Color Help

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 6
  • Views 431
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 4/19/2021 at 8:46 PM, bjohnsonxar said:

Site URL: https://www.bioqtech.com/faqs

I'm attempting to change the purple color that appears on the website when you click on a question. I tried playing with the design style color, but no luck. 

Screen Shot 2021-04-19 at 7.38.15 AM.png

Add to Design > Custom CSS

/* Accordion content color */
div#block-yui_3_17_2_1_1614961800800_10922 h3 + p {
    background: green;
}

 

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
  • 2 months later...
9 hours ago, dovely said:

Hi @tuanphan we have a site using the accordion code and we were hoping you could help us figure out how to make the labels not so big? The accordion is located at the link below. 

https://www.jenniferstonerinteriors.com/contact-2

Let me know if you have any questions. Thank you!  

The url doesn't exist. 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
19 hours ago, dovely said:

Add to Design > Custom CSS

/* contact markdown */
div#page-5e81243c86693d3dcc4d862a h2 {
    font-size: 18px;
}

Do you want to add an arrow after label, so visitors will know they need to click label to view more 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

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.