keon

Site URL: https://www.ridgemount.uk/contact

Is there a way to make the text in the captions of these two images larger, without it affecting the captions on other parts of the website?

The page is https://www.ridgemount.uk/contact

Thanks

Thank you!🙏

Site URL: https://sprout-tuna-swnf.squarespace.com/presentation-creation

I've added a grid of small images with titles underneath them. The problem is hen the title is too long, it goes into an ellipses and only shows part of it. I tried taking out the "overflow: hidden" rule, but then the titles just overlap onto one another. What I want is for the titles to go onto another line if they don't fit on one. Is that possible?

The page is https://sprout-tuna-swnf.squarespace.com/presentation-creation

Site URL: https://sprout-tuna-swnf.squarespace.com/

Halfway down my homepage there are 4 image cards, each with a title, displaying in two columns. However, when this switches to one column on mobile, the image takes up the full width of the screen and the title sits underneath it.

How would I be able to have the title sit next to the image in the same column? This would look much tider. Like this:

instead of how it actually looks on mobile:

Any help would be much appreciated!

That looks perfect! Thank you!!

So when I add in the block using Squarspace's builder, I selected the layout as "List".

But what I really want is for it to be List for desktop/tablet, and "grid", the option next to List, for mobile, which would make it look like this.

At the moment it looks like this

Hello. No I haven't solved it. 

I think basically what I need is the layout of the Projects block to change from "list" to "grid" when it's being viewed on mobile.

Any help you could give me on that wold be greatly appreciated.

 https://sprout-tuna-swnf.squarespace.com/

Site URL: https://sprout-tuna-swnf.squarespace.com/

I have a blog summary block on my homepage that is split 50/50 with the text on the left and image on the right.

When viewed on a tablet/mobile, I want the images to appear above the text, so they take up the full width of the screen.

I've managed to get the text to fill the width of the block, but I can't work out how to do the same for the image.

Here's what I've got so far:

@media screen and (max-width:1200px) { .summary-content.sqs-gallery-meta-container

{
    width: 100%!important;
}
}

Please help!