Jump to content

Index Thumb Title spacing

Recommended Posts

Site URL: https://austyn.es/

Hi there!

Hope someone can help with this one.

My site: https://austyn.es/

I have an index page with the portfolio. The index thumb titles are centered between works, and I would like to have the title closer to it´s own imagen.

Now it looks like this and I would like to have it like the red arrow indicates:

01.thumb.jpg.4eb21699f56309644515a4dc3c61c34f.jpg

 

To finally look something like this (each work with it´s title below, then the space and the other work...)

02.thumb.jpg.c61b4209d23048475c390f76068dc87f.jpg

 

If I use 2 items per rows it works better, but I really want just 1 work per row:

03.thumb.jpg.d5861f0619e4e5fbc5674ba825602841.jpg

Any ideas? 


THANKS!

 

Link to comment
  • Replies 8
  • Views 822
  • Created
  • Last Reply
12 minutes ago, IXStudio said:

Use this code in Design -> Custom CSS


@media screen and (max-width:750px){
#projectThumbs .project {
    width: 100% !important;
}

#projectThumbs .project img {
    width: 100% !important;
    height: auto !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

Thanks! It makes a little horizontal scrolling, but it's OK, lot better than before

Thumbs up!

Link to comment
1 hour ago, JoaquinAustin said:

Thanks! It makes a little horizontal scrolling, but it's OK, lot better than before

Thumbs up!

Use this code in Design -> Custom CSS

@media screen and (max-width:750px){
#projectThumbs>.wrapper {
    margin-left: 0 !important;
    width: 100% !important;
}

#projectThumbs .project {
    margin-left: 0 !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
On 9/25/2020 at 6:53 PM, IXStudio said:

Use this code in Design -> Custom CSS


@media screen and (max-width:750px){
#projectThumbs>.wrapper {
    margin-left: 0 !important;
    width: 100% !important;
}

#projectThumbs .project {
    margin-left: 0 !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

Thanks but now is worst, it looks like this:

1644193543_Capturadepantalla2020-09-27alas20_52_32.thumb.png.65ff193d34fb035d98ba708e2e8bb80a.png

 

I prefer the little horizontal scrolling hehe!

 

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

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