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

Enlarging description captions under gallery images


Recommended Posts

Site URL: http://www.scopephotonics.com

TLDR: Want to enlarge description font under gallery images on desktop.

So I'm trying to display 8 photos with descriptions underneath them. Ideally it'd be a 2x4 grid on desktop, 1x8 grid on mobile. Can't seem to get this working, so now trying Strip style and committing to 1x8 regardless. On mobile this looks great, but on desktop the text is incredibly small font compared to the giant images. I've tried messing around with settings, and even pasting in code to the Custom CSS box in Home>Design>Custom CSS, but the latter doesn't even do anything to the website. 

Any fixes, whether with css code (along with help on how to actually get custom css code working) or just settings/styles, would be amazing!!

PS: Very new to squarespace, apologize if this is a simple fix

Edited by Holden
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

26 minutes ago, Holden said:

The images on the 'applications' page - there should be 8 of them, beginning with one of someone holding a phone.

Add to Home > Design > Custom CSS

/* application page gallery caption szie */
body#collection-5f1795d34784d50d3fe7b2fd p.gallery-caption-content {
    font-size: 20px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
35 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


/* application page gallery caption szie */
body#collection-5f1795d34784d50d3fe7b2fd p.gallery-caption-content {
    font-size: 20px !important;
}

 

That worked fantastically, thank you! One followup question if you don't mind - how do you enlarge the caption width to fit the full width of the image, like normal text on Squarespace does?

Thanks so much!!

Edited by Holden
Link to comment
3 minutes ago, Holden said:

That would fantastically, thank you! One followup question if you don't mind - how do you enlarge the caption width to fit the full width of the image, like normal text on Squarespace does?

Thanks so much!!

Add to Home >D esign > Custom CSS

/* fullwidth gallery caption */
figcaption.gallery-caption.gallery-caption-grid-strips {
    max-width: 100%;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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