Jump to content

Add scroll-bar to text block on my ''News'' page

Recommended Posts

  • SolveigTraeet changed the title to Add scroll-bar to text block on my ''News'' page
  • 1 year later...
On 5/18/2022 at 1:18 AM, MillyBanks said:

Is it possible to do this on an image card? I have added the same code which works but the image scrolls too. Would be awsome to be able to just apply the overflow to the text? 🙂 

https://www.shiftmovement.org.uk/home 

It is the /our-founder section I am working on. 

Any help appreciated @tuanphan!

image.thumb.png.4daad1f0a86ee6669e0bbcefcd5329f7.pngimage.thumb.png.ea1b38953f9f5c3e4a529f0d202abbfe.png

I see you solved with this code?

#block-yui_3_17_2_1_1652803380653_2482 .image-card.sqs-dynamic-text-container {
    max-height: 600px;
    overflow-x: hidden;
}

However I think disable it on mobile will be better? with this new code

@media screen and (min-width:768px) {
#block-yui_3_17_2_1_1652803380653_2482 .image-card.sqs-dynamic-text-container {
    max-height: 600px;
    overflow-x: hidden;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 6 months later...
On 12/19/2022 at 9:04 PM, ellocait said:

How do I do this for specific text blocks? I have some bulleted items that are too long that I had to split them up, but it makes the mobile site have weird gaps.

Screen Shot 2022-12-19 at 9.02.42 AM.png

Screen Shot 2022-12-19 at 9.04.15 AM.png

Can you share link to page in screenshot? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.