Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'accordion'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://akhusky.dog/test Hey everyone, I've been trying existing code found in all the posts related to expandable/accordion text, but I'm finding that it only accommodates title text and body text below. I have a markdown block that has quite a bit of copy, and I want the user to click "Read more" and have the text below expand. How can I achieve this? Some of the code I have used successfully allows the markdown block to expand, but it somehow (and seemingly arbitrarily to me) screws up the formatting. How can I make "Read more" the trigger? Here's the website: https://ak
  2. Site URL: https://codepen.io/raubaca/pen/PZzpVe Im looking for help as to the best way to add this codepen Pure CSS accordion https://codepen.io/raubaca/pen/PZzpVe to a code block. In particular, the OPEN MULTIPLE accordion.
  3. Site URL: https://www.paulspencerart.com/faqs Hi, Hoping this is an easy fix. I've used the following method to create an Accordion FAQ's page https://localcreative.co/blog/dropdown-accordion-style-faq-squarespace It works fine, but I would like to left align the text as detailed in the attached image (top image is how it is currently. Bottom image is how I'd like it aligned). Is this possible? Any help with this much appreciated. Many thanks Paul 🐵 https://www.paulspencerart.com/faqs Password is 'Cheese'
  4. Site URL: https://www.mh316.org/hidden-bible-studes/the-god-of-new-beginnings Password: myrtlefield Hey, as you can see on my page I have implemented the markdown accordion feature. Within this markdown I want to implement this code: https://www.w3schools.com/howto/howto_css_display_element_hover.asp. However, when I place it within the Markdown box, the 'hidden' text appears as seen and in a different position (below the heading). Why is this? Thanks
  5. Site URL: https://www.ernestphotovideo.com/real-estate-packages Hello! I am attempting to adjust the size of specific text in a markdown block, and was wondering how to do so. The code for this page is 12345. I have accordion style for my "add-ons" section, and would like the price to be larger than the description. TIA!!
  6. Site URL: https://www.bilingsolarlight.com Hello, I have a problem that I embed the picture link in the accordion code, and set the fixed size of the picture. The PC can fully display the picture, but the picture on the mobile end will be deformed. I want to know if there is a specific method to make the picture smaller on the mobile end, thank you🙌! Another website <div class="animate__animated animate__lightSpeedInRight animate__delay-3s"> <div id="ninja-elements" class="ix-block-ninja-custom-faq"> <div class="accordion" style="--ixFaqQuestionTextColor:#000000;
  7. Hello squarespace community, I have made a page with a +- toggle foldout option. After the main 'head subject +' I would like to make another list with new +- options that are not visible when the head section is not opened. Underneath how I would like it to look / work: Head Subject + (always visible) After opening: Head Subject - Secondary Subject + (Only visible when head subject is open) Secondary Subject + (Only visible when head subject is open) After opening secondary subject Head Subject - Secondary Subj
  8. Site URL: https://www.saccostyle.com/ hi @tuanphan I want these markdowns to be accordion drop-downs in the additional information section. I have added the code into the code injection (see screenshot and below) following this guide - https://stnsvn.com/blog/how-to-add-an-accordion-to-squarespace and use markdowns for the sections. But its not working. I cant click on the + signs and they do not hide the text below. They are visible like in the screenshot all the time. Any idea how to resolve this? /*Accordion Page Settings*/ <script src="https://ajax
  9. I added a CSS code and markdown block for an accordion box for my FAQ. After doing so, they work fine on my desktop setting, but on my mobile setting, they overlap Any suggestions ? Any advice is greatly appreciated !
  10. Site URL: https://laurensimpsonfitness.com Hello, I was wondering if someone could tell what kind of element is on this page? You choose an option in each box and it populates the results with the provide link below. It's halfway down 1-2-3 Choose Your LSF Program, I was wondering if someone can point me in the right direction? I want to implement something similar into my page. Thank you
  11. Site URL: https://www.saccostyle.com/ I am pulling my hair out trying to resolve this question that has been asked many times on the forum, but all the code and forum answers simply aunt working for me. I have some accordions in thew additional information for this product. I have used the markdowns to do this + some code in the code injection header. I want these accordions to be moved to the product description. I would also like the icons to be moved to above the accordions, so I can fit everything in the product description. I have attached 2 screenshots 1. what it currently i
  12. Site URL: https://www.flyingpigvacations.com We are utilizing markdown to create an accordion style FAQ. Currently we have a horizontal line that is only half the text AND only shows up after you do the drop down. I want the line to be there prior to the drop down AND to be the full length of the text. The markdown code I am using is <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h4').css('cursor','pointer'); $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle(); $(".markdown-block .sqs-block-content h4").click(funct
  13. Site URL: https://www.themasteryhub.com/public-speaking-mastery Hi There, I've been screwed by one popular Product accordion plugin spending over $100 and losing my money because not only it stopped working but I also never received a response back from their customer suppor team. Please don't make the same mistake as me and don't buy plugins from SquarePaste / https://squarepaste.com/ This was the site that scammed me. I am humbly asking if there is anyone in the community that can help me resolve the product accordion problem on my site - which is not longer working but
  14. Site URL: https://www.mh316.org/bible-studies/the-god-of-new-beginnings Pass: myrtlefield I asked a question about slow loading images, but no response. I think I figured the issue is my accordion script. It seems that when it is active, SQ loads the Markdown Accordion box before the image at the top of my page. This makes it look like the page is very slow. However, if I add 'defer async' to the Custom Code JavaScript, the Accordion function doesn't load at all! Working code with slow image load: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/
  15. Site URL: https://basseducation.com The drop down menus are working beautifully but if the user leaves the boxes expanded, the text overflows into the next section. How can I tell Squarespace to expand the height of the page in question to accommodate the expanded accordian text? Any tips would be greatly appreciated! Not a coder but have built quite a few of my own (and friends) sites with Squarespace and know just enough to google solutions and implement them (usually). 🙂
  16. Site URL: https://circle-wrasse-4735.squarespace.com/freesession I haven't gone live yet, but I've added CSS to my site several times from several different code sources. It always looks ok, but the accordion never works (toggles). I know that you need updated javascript for it to work, but it doesn't even work looking on my phone. Is this not worth the effort if there's a chance people viewing the site won't see the accordion, thus it looks really bad for half the viewers? My client wanted the information for each membership to be on a separate page, but that seems excessive, so reall
  17. Hello, forum! I just trying to add one or more "menu" buttons to website. I've added button, but it's still doesn't work. How to new buttons work? And menu buttons Test 0,Test 1, Test 2 wokrs normally only on html & css without js Here are parts of html & css codes --- menu <div class="tab"> <input id="tab-0-ctrl" class="ctrl-radios" type="radio" name="tab-radios"> wokrs <input id="tab-1-ctrl" class="ctrl-radios" type="radio" name="tab-radios"> wokrs <input id="tab-2-ctrl" class="ctrl-radios" type="radio" name="tab
  18. Hello, I have a problem with the arrows position in prev/next pagination. The arrows are very close to the link and right site borders. Where can I set a pixel value in order to have a distance from the borders? Thank you in advance Teresa
  19. Site URL: https://icosahedron-flounder-e9sx.squarespace.com/i-am-new Currently I have a button which links to a Q&A expandable accordion here, approx 2/3rds down the page "What is a dependent?". I would like to have the first answer of the accordion open or expanded as you arrive to the link, instead of the current state which is closed? Any thoughts? THANKS! Site password: 1234What is a dependent?What is a dependent?What is a dependent?
  20. I discovered that Squarespace doesn't have any accordion/toggle styling that can be used for FAQs, etc. I was directed to come here and ask how to do it. I was hoping to have something that looks like this (see attached image).
  21. Site URL: http://www.usstudbook.squarespace.com Pass: duende My site is for animal breeding sales. I want to have tabs connected to a project for each stallion in which tabs are about (text) breeding (image plus text) and 2 separate galleries. The product page is the only way I can have searchable tags etc. So I need to be able to make my product pages similar to a regular page, in which I can add tabs that connect to a project. Any ideas? Ive paid 3 designers and all 3 failed to do any work so I am out THOUSANDS and stuck doing this alone. Any detailed help appreciated!
  22. Greetings all, Is there any means to do an accordion/toggle style for FAQs or other drop-down content? they all seem to require the css/code insert - so this would only be accessible if you are on a business plan or higher. thoughts, as this is already over budget? thank you B [ avenue template ]
  23. Looking to find coding to have a multi-layered accordion dropdown in my FAQ. + Heading 1 (question 1 and question 2 are housed in this heading and then each question can be dropped down as well) + Question 1 Answer + Question 2 Answer
  24. Site URL: https://onion-guitar-w3xs.squarespace.com/ Password: peanutsandpomelo I am a complete novice at coding but have managed to add dropdown accordions to the additional info of the products in my shop. However I want them to align with the header, product info and 'add to cart' button but currently they are in really random positions. If any-one can help with this I would be super grateful! I currently have this code added into the additional info section of the product: <p><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs
  25. Hi There, I am new to Squarespace, but have worked in a lot other platforms and have coding experience from 10 yrs ago. So needless to say I am a little rusting in the coding department. I am looking for some coding help on getting my sites navigation drop down box to fit with the text; align with main folder and wrap sub nav titles. In my screenshot the box should align with top navigation link. Here is the code I have used: /* Change dropdown menu background */ .header-nav-folder-content { background: #F3F3F3 !important; font-size: 15px; } /* Align left dropdown */
  • Create New...