Farmette Helen

@web_chan: You need to find the collection id for the specific pages and enter the same code. I have this on one of my sites to change CSS styling for just one page. Just look at your site using Google Chrome's "Inspect Element" feature, which reveals HTML and CSS on any site, and find the page id. It will look something like this: collection-54c3d841e4b0f7f4ab5d68c1 . Then just add that id before your CSS for the banner image and you can make the banner whatever size you need on each page. For example: #collection-54c3d841e4b0f7f4ab5d68c1 .view-list .banner-thumbnail-wrapper, .collection-type-page .banner-thumbnail-wrapper, .collection-type-index .banner-thumbnail-wrapper {min-height: 100px;} Add a second line of code just like this with the page id for your second page and change the height to what you need it to be. Keep in mind that these changes will not apply to the mobile site unless you use more code, which I'm happy to help you with if you need it.

@Bernard West: Do you know how to get the image to change when the answer is open vs when it is collapsed? I tried to get this to happen with a script, but it only works for my first question - if I click on subsequent questions the first image changes but not the one clicked on. Site is www.lyonsfarmette.com/faq. Again, that first quesiton works but the others don't. I'm assuming this is an id problem?

Add this custom CSS to your site under Design: .view-list .banner-thumbnail-wrapper, .collection-type-page .banner-thumbnail-wrapper, .collection-type-index .banner-thumbnail-wrapper {max-height: 300/insert the value you want here/px;}

This is what I've just figured out, but you have to put it into the code injection footer section, between style tags, for it to last more than 1 second. .social-icons-style-knockout.social-icons-color-black .sqs-use--mask {fill: #42afc2;}.social-icons-style-knockout.social-icons-color-black:hover .sqs-svg-icon--wrapper:hover .sqs-use--mask {fill:#42afc2} This changes the hover color as well, though I haven't been able to figure out the gray hover color in between. my site: https://helen-skiba.squarespace.com/

@mbmorandi, The problem here is in the HTML, not the JavaScript. Each of your questions and answers has an id tag like id="Q1" or id="A1". If you just copy and paste the code from the first 3 questions, your fourth question will reference the id you pasted and will open that question. So for each of your additional questions after Q3, make sure you change the ids to match - Question 4's id should be id="Q4" and the onclick="expand A4" while the Answer 4's id should be id="A4". You have to change these by hand for each new question you add to the FAQ.