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
  • German Circle Members's Topics

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://pigeon-avocado-l2ph.squarespace.com/config/ Hey everyone, I hope everyone is safe and well? Would love some help from you talented peeps! I am trying to add accordions to > below description > above 'add to cart' I tried to follow a previous thread an inject the CSS etc. myself, but nothing is working and I was hoping that someone could provide some advice on how to? Thank you so much in advance! xx
  2. Site URL: http://katiecaftravel.com Hi all, when my site is on tablet/phone size the nav bar compresses to a hamburger icon that needs to be clicked to open - problem is it's only working on half the pages! SQ SP help doesn't want to help because I have custom code on my site - I have a custom code side bar I bought from SQ SP Themes https://www.sqspthemes.com/plugins/sidebar-plugin That I thought could be the problem but pages where I have the side bar still have the hamburger working - it seems like a random issue. like it's not working on this page https://www.katiecaftravel.com/indonesia but it's working on this page https://www.katiecaftravel.com/travel-diaries _________________________________________________________________________________ EDIT: The problem is 100% the SQSP THEMES sidebar. I took two identical pages and removed the sidebar from the head code on one and it fixed the issue. Without sidebar: https://www.katiecaftravel.com/indonesia with sidebar: https://www.katiecaftravel.com/mexico So... I mean what to do now? I bought this sidebar for $60 because it was made especially for Squarespace, but it's disabling my hamburger nav on all the pages I put it on (except blog pages, randomly) - Squarespace can't help because it's a custom code issue. Anyone know any quick fixes for this? this is the code I inject into the header: <!-- Plugin Sidebar --> <link href="/s/plugin-sidebar.css" rel="stylesheet"> <script src="/s/plugin-sidebar.js"></script> <script>pluginSidebar({"url":"sidebar","allowedPages":"*"});</script> <!-- end Plugin Sidebar -->
  3. Site URL: https://www.trulycleandrycleaners.com/ I am trying to achieve the accordion drop down for my clients website but am having some issues. It is mostly complicated because his aesthetic for the product page is different from the rest of the site, so everything including the background color and markdown font color needed to be different (vice versa from what they are). The product details in the accordion was pulling the black color font from the rest of the site, but this page is coded to black so I'm not sure how to get that text white. Also, the accordion was appearing over the product title name, but I need it functioning under the add cart button preferably, or under price if not. It is H4 format.
  4. Site URL: https://blissfuldoulacare.ca/ Site password: blissful2021 I am currently working on the services index page and would like to hide text heavy sections with a toggle option. Is there a way to toggle (something like a markdown) the consecutive page? I've attached a static image to show what I mean. The first green section would be toggled 'off'. The second orange section would be 'on' showing the page with package and pricing information. Currently messing around with mark downs but haven't figured out how to apply hide/show option to an entire page. Thanks in advance for any suggestions!
  5. Hello, I'm trying to add an accordion/dropdown to a website (it's still in trial at the moment so can't share web link). It is going to be used on a page showing the team of a company, so within each entry it also needs to include a picture of them. I have used the standard markdown used for an accordion, which by itself (without an image in it) works fine. I have then used an HTML image reference within it, and when it does this, only the first name appears. And when it is opened/clicked, the next name then appears below it (and so forth). But then when you close the top name, they all disappear (apart from the top one). I have also tried created an animated collapsible using HTML, CSS and Java (https://www.w3schools.com/howto/howto_js_collapsible.asp). This code was copied exactly, using a code block for the HTML, adding the CSS into the custom CSS, and adding the Javascript into the page specific code injection. The list options are created, but don't actually open when clicked on. If anyone can provide any insight into how to get either of these solutions to work that would be greatly appreciated. Screenshots are attached for reference. To confirm, I'm using the Henson template. Many thanks, James
  6. Site URL: https://edu.ifixit.com/fast-fix-project-faq#two I added anchor links to my accordion menu using the markdown block and some CSS and jQuery, but I would like the question to expand automatically when the anchor links are used. The rest of the page functions just how I would like—users that end up on the page organically can toggle through each question—but when I send a specific anchor link to a user, I'd like the question to automatically expand. I'd ideally like to find a way to do this that also doesn't mess with the spacing or the hover color. I'm using Squarespace 7.0 with the Bedford template.
  7. Hello! I'm having an issue with my faq accordion page on my site. On initial page load, the accordion menu is open and then it closes. I just learned that 7.1 doesn't have the ajax loading options. I was wondering if there was a way to prevent the accordion menu from being open on page loads so the content is hidden? I would like for it to be closed until you click on the questions. site url: https://www.uniquelydolledwigs.com/ password: unique1234 @tuanphan
  8. 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).
  9. Site URL: https://hawkesburynepeancmp.org/ Hi, I'm new to squarespace and have no previous experience with coding, but I'm good with following instructions. I'm in the process of redesigning a website (mentioned url) in a 'preview template mode'. I've created a timeline using Summary Block List and a blog page by applying some custom code I found online (see image 1). I then tried to add some more custom css to create an accordion style FAQ section on the same page, but every time I would paste the second code (like this one) in the Custom CSS field either one of two things would happen: 1) the timeline will get out of allignment; or 2) the drop-down functionality of the FAQ section will disappear. That makes me think there's some kind of contradiction in the two codes and I don't know anything about codes to spot what the issue is. Any help will be highly appreciated. Thanks in advance! Kate
  10. Site URL: https://www.supercatalystlab.com/shop/p/e-01-wallet Hi there! I wish to move dropdown from additional info to under main product information, Feature & Spec tab is using markdown in the additional info section. There isn't any markdown option in the main product information box, so I kept it in the additional info section. The code I used for dropdown is below. <!-- Dropdown Accordion Code --> </script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script>
  11. Site URL: https://oakpointpartners.com/ I want to recreate a similar hover reveal to this website: https://www.domo.com/solution/overview I like the smooth transitioning and how the title never leaves. It just slides to the top. I also like hover hovering over the blocks adds a drop shadow. Any ideas to get started with creating this? https://oakpointpartners.com/oak-point-remnant-asset-case-studies I'm currently playing around and have currently done the following: On hover the first image transitions to a second image I have added a drop shadow I still would like help on figuring out how to mimic the upwards scrolling action of the example provided below. I would like the title to scroll up and the bottom to reveal new text
  12. Site URL: https://www.erheer.com/shop/ariel Hi Squarespace Wizards, I am trying to install a dropdown accordion in the description of a physical product. Unfortunately Squarespace doesn't have the option to add a markdown box in the description of a product(screenshot 1). I have add the code block and the markdown box in the additional Info (screenshot 2) but that shows at the end of the page after all the product photos at the moment. I'd like the dropdown to be a part of the product description itself (screenshot 4) and not at the end of the page. Any assistance would be greatly appreciated. Thanks, Divya
  13. Site URL: https://ievaviphoto.com/ Hello, people! Would anyone give me a hand implementing this code onto my site? Would love to know the logic behind this! Thanks loads!! https://codepen.io/arjancodes/pen/gbweYB My site www.ievaviphoto.com
  14. Site URL: https://www.drinkdurham.com/vendors I'm having trouble with the icon changing from a plus to a minus when the drawer opens. Help! It would also be great to know what code to add so that only one drawer is open at a time. THANKS!
  15. Site URL: https://tjr-new-site.squarespace.com/slider I’m looking to create an accordion / slider where each section expands on hover, as demonstrated in the gif mockup. I'm having trouble adapting the code snippets I'm finding to have the right animation, and formatting the content within each section (most I've seen use full background images with caption). The code I started with: https://www.cssscript.com/pure-css-horizontal-responsive-image-accordion-slider/ pw for my scary first attempt: troysitehelp I'd love anyone's input on how to "hack" this for squarespace—i.e. laying out content in SS editor, and adjusting the code to reference this, or if anyone would like to quote an estimate to build this.
  16. Site URL: https://lobster-ray-g42d.squarespace.com/sandalwood-oils/ Hi There I would like to reduce the spacing between the items in my accordion Code Block on https://lobster-ray-g42d.squarespace.com/sandalwood-oils/ PW: youcanenter It looks nice and tight on the desktop version, but it is more spaced out on the mobile version. Is there a way to adjust that? Thank you! Louisa
  17. Site URL: https://drum-rhubarb-mhc7.squarespace.com/config/pages/602a6fc84de25f0bd18e336e/categories/602a6fc84de25f0bd18e3372 Hi there! I'd like to include a dropdown accordion in my product description, to appear above the quantity and 'Add to cart' button. Can anyone advise the best way to do this? Thank you!
  18. Site URL: http://kimpercival.com When I click on my accordion drop down, the background doesn't expand to be able to see all the text. I cannot figure out how to address this. See images below for an example. Any assistance would be appreciated. I am using Brine template in 7.0
  19. Site URL: https://www.alicedealmiddleschool.org/ Hi All, I am struggling to find a way to show a directory of teachers at a large school who is revamping their website (already using SS). Ideally, I'd love to have something like Squarespace has on their own template main page (https://www.squarespace.com/templates) where you can select your category and the info appears. I tweeted them and they said they build that using custom code (which I would suggest is cheating!). They suggested using the blog and archive block feature but as a relative newby I'm struggling with how many clicks it takes to get the info needed. I simply want to show Name and email address for each teacher, but with the archive block you first have to select the category, then click on the name THEN it goes to a separate page with the name and email. I also will have to organize these by date and not alphabetically, which would be the preference. Surely there is another way? Thanks!
  20. I am trying to make a page of information for customers. I am hoping to create a double accordion if possible so I can sort by year and then month. Please let me know if this is possible and how I might go about it. Anything helps! I already have figured out injecting code to get a single accordion for the years but would like to add the same feature for the months of each year. Thank you!
  21. 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://akhusky.dog/test Thanks all!
  22. 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.
  23. 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'
  24. 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
  25. 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!!
  • Create New...