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

"Read More" Text Accordion in Brine Index with Photo Banners


joshuakilcoyne

Question

Site URL: https://4clab.org/#about-4cl

Hi @tuanphan, I've used your "Read More" html/css code found here to create a pair of text accordions on an "About" page in a Brine index comprised of alternating pages of text and full-height photo banners.  It works perfectly on the page itself, however the photo banners in the index are not adapting when the accordions are open, creating a reduction in their height equal to the space taken up by the expanded text.  Is there any way to remedy this?  Thanks.

Link to comment

6 answers to this question

Recommended Posts

  • 0
6 hours ago, joshuakilcoyne said:

FYI The problem seems to resolve when I disable Parallax Scrolling - I'd prefer to keep Parallax if possible, if there's a viable solution.

if you follow the exact solution on codepen it is pure css solution so ajax won't be affect

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
5 hours ago, joshuakilcoyne said:

Thanks for your response @bangank36 -  can you explain any further?  If I only use the CSS code how will it know which text to target?  Right now I have the HTML in code blocks with the expanding text inserted as it is on the codepen page.

Can you enable ajax again so we can re-produce the issue?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

Squarespace launched a new Accordion Block yesterday. This new native block doesn't require custom code and is therefore safer and easier to install.

spacer.png

It is ideal for FAQs and product specifications. You can choose and style the icon, add dividers and change row padding. For more information see Accordion blocks.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

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...