Jump to content

Disable Specific Accordion Box Drop Downs

Go to solution Solved by abc,

Recommended Posts

Hi! In the agenda tab of my website, I am looking to disable the drop downs for specific boxes  of my accordion that I've added. Specifically, the boxes labeled Opening Remarks, Coffee Breaks, Lunch, Closing Remarks, and Networking & Cocktails.

I've tried the following pieces of code to disable the "lunch" drop down but it is no use.....can someone help me? Thanks!

#block-yui_3_17_2_1_1721244417859_461 .accordion-item__dropdown { display: none; }

#dropdown-block-d336c4f5471b3b8037bc-6 .accordion-item__dropdown { display: none; }

#button-block-d336c4f5471b3b8037bc-6 .accordion-item__dropdown { display: none; }

here is my website: http://conch-cow-ztte.squarespace.com

Edited by sydneyg
including website
Link to comment
  • Solution

@sydneyg

Here you go:

/* Opening Remarks */
#block-d336c4f5471b3b8037bc li:nth-child(1) .accordion-item__dropdown, #block-d336c4f5471b3b8037bc li:nth-child(1) .accordion-icon-container,
/* Coffee Breaks */
#block-d336c4f5471b3b8037bc li:nth-child(4) .accordion-item__dropdown, #block-d336c4f5471b3b8037bc li:nth-child(4) .accordion-icon-container,
#block-d336c4f5471b3b8037bc li:nth-child(10) .accordion-item__dropdown, #block-d336c4f5471b3b8037bc li:nth-child(10) .accordion-icon-container,
/* Lunch */
#block-d336c4f5471b3b8037bc li:nth-child(7) .accordion-item__dropdown, #block-d336c4f5471b3b8037bc li:nth-child(7) .accordion-icon-container,
/* Closing Remarks */
#block-d336c4f5471b3b8037bc li:nth-child(13) .accordion-item__dropdown, #block-d336c4f5471b3b8037bc li:nth-child(13) .accordion-icon-container,
/* Networking Cocktails */
#block-d336c4f5471b3b8037bc li:nth-child(14) .accordion-item__dropdown, #block-d336c4f5471b3b8037bc li:nth-child(14) .accordion-icon-container {
	display: none !important;
}

 

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.