Jump to content

Responsive text in a wrapper

Recommended Posts

Site URL: https://koala-point-zbsp.squarespace.com/

Hi, I'm wondering if you can help me. My Squarespace site is still private, but here's the url so you can view: https://koala-point-zbsp.squarespace.com/

The section in question is "Signs Your Site is Underfed". The issue is on the rollover text that comes up over the icons in the blue box. On desktop it is a good size. But when you start to resize window, at some point it flows beyond the blue box. And worst of all,  in the Mobile it's very small, hard to read.

Any help would be greatly appreciated!

Here's the current CSS:

.design-layout-poster .image-card-wrapper {
  visibility: hidden;
  opacity: 0;
  transition-duration: 1s;

.design-layout-poster:hover .image-card-wrapper {
  visibility: visible;
  font-size: 1rem;
  opacity: 1;
  border-radius: 11px;
  background-color: hsl(244, 39%, 55%)

Thank you,


Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.