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

Making gallery grid image titles go onto a new line instead of hiding it


keon

Question

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

tab 2.PNG

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1594977105705_12297 .image-slide-title { overflow: visible !important; white-space: initial !important; line-height: 18px

Posted Images

6 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1594977105705_12297 .image-slide-title {
    overflow: visible !important;
    white-space: initial !important;
    line-height: 18px;
}

 

Link to post
  • 0

Hi Tuanphan,

 I have the same issue, but when I enter the code above I am getting a syntax error note. Any suggestions?  my titles are at 12px 

 

Screen Shot 2020-07-22 at 4.33.06 PM.png

Edited by JGOG
Link to post
  • 0
On 7/23/2020 at 3:33 AM, JGOG said:

Hi Tuanphan,

 I have the same issue, but when I enter the code above I am getting a syntax error note. Any suggestions?  my titles are at 12px 

 

Screen Shot 2020-07-22 at 4.33.06 PM.png

Can you post all code here & share link to your site?

Link to post
  • 0
On 7/18/2020 at 6:02 AM, tuanphan said:

Add to Home > Design > Custom CSS


div#block-yui_3_17_2_1_1594977105705_12297 .image-slide-title {
    overflow: visible !important;
    white-space: initial !important;
    line-height: 18px;
}

 

This worked wonderfully! Thank you! Any way to make the subtitle text show up under the title font on a grid gallery? 

Link to post
  • 0
5 hours ago, ashleemundywebsitede said:

This worked wonderfully! Thank you! Any way to make the subtitle text show up under the title font on a grid gallery? 

try adding

display: block !important;

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...