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

Adding a subtitle to a title to thumbnails in portfolio grid


noraboeke-art
Go to solution Solved by tuanphan,

Question

  • Answers 22
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add this to Home > Design > Custom CSS h3.portfolio-title span { display: block; font-size: 12px; } then edit title to this format  

Posted Images

22 answers to this question

Recommended Posts

  • 0

Hi Tuanphan, Thanx for your reply. 

That is the page im showcasing my work right now. The problem there is that it is not clear for people that the images are clickable.  So that's why I started to showcase my work in a portfolio page (but this one is still hidden since it is not finished yet).

I want the portfolio page to look the same as this page https://heron-olive-sh9k.squarespace.com/beachlife

So im wondering how I can add a subtitle to the titles under the thumbnails. 

Hope you can help me out with this ūüôā

Link to post
  • 0

Hi Tuanphan, 

Thanx for your reply. 

Im wondering what im doing wrong since its not working yet. 
Attached 2 photo's with what I did. 

Also I would like to have the subtitle in normal weight as on the last image (that's from a normal page and not a portfolio grid). 

Schermafbeelding 2020-10-21 om 13.36.53.png

Schermafbeelding 2020-10-21 om 13.37.05.png

Schermafbeelding 2020-10-21 om 13.40.54.png

Link to post
  • 0

Hi Tuanpan, 

I found out that this code is working for the portfolio layout: grid overlay. So that's great! 
The thing is... im using the 'grid simple' design. So maybe there is another code needed for that one? 
 

On 10/23/2020 at 11:50 AM, tuanphan said:

Not sure why, but your code has invalid character. Try copy this code then enter title box

 

 

Link to post
  • 0
On 12/10/2020 at 3:06 AM, brianb123 said:

@noraboeke-art did you ever figure this out?  I am trying to do the same thing using the grid simple option for may portfolio page. 

 

It still work on my client site. Try this code. It it doesn't work, can you share link to your site? We can check easier.

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
7 hours ago, tuanphan said:

It still work on my client site. Try this code. It it doesn't work, can you share link to your site? We can check easier.

 

Thanks for your reply. I tried this a had similar results to @noraboeke-art, it worked for the portfolio layout:grid overlay where the text overlays the image but not for the portfolio layout:simple grid where text is below image. 

Screen Shot 2020-12-11 at 10.26.29 PM.png

Screen Shot 2020-12-11 at 10.17.41 PM.png

Link to post
  • 0
4 hours ago, brianb123 said:

Thanks for your reply. I tried this a had similar results to @noraboeke-art, it worked for the portfolio layout:grid overlay where the text overlays the image but not for the portfolio layout:simple grid where text is below image. 

Screen Shot 2020-12-11 at 10.26.29 PM.png

Screen Shot 2020-12-11 at 10.17.41 PM.png

Do you use Personal Plan or higher?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0

Hello, 

I have tried this code, which has worked wonderfully. Thank you Tuanphan (I have been following some of your answers over this forum, and I am so grateful for your generosity of this knowledge)

h3.portfolio-title span {
    display: block;
    font-size: 12px;
}
  Quote

Title <span>Subtitle</span>

I have a quick question. following this code. with this code I was able to add a subtitle under the title of a project on the thumbnails - great. Now, Is it possible to have the option to add like 3-4 subtitles? one subtitle has its own line?

I am not knowledgeable of custom CSS, so again, I am very grateful for this forum ūüôā

Link to post
  • 0
16 hours ago, vcampaner said:

Hello, 

 

I have tried this code, which has worked wonderfully. Thank you Tuanphan (I have been following some of your answers over this forum, and I am so grateful for your generosity of this knowledge)


h3.portfolio-title span {
    display: block;
    font-size: 12px;
}
  Quote

Title <span>Subtitle</span>

I have a quick question. following this code. with this code I was able to add a subtitle under the title of a project on the thumbnails - great. Now, Is it possible to have the option to add like 3-4 subtitles? one subtitle has its own line?

I am not knowledgeable of custom CSS, so again, I am very grateful for this forum ūüôā

Add more span

Title <span>sub1</span><span>sub2</span><span>sub3</span>

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
12 minutes ago, tuanphan said:

Add more span


Title <span>sub1</span><span>sub2</span><span>sub3</span>

 

This works, thank you so much. 

What if I have longer text than what the title page settings can take ? Is there a way to add more text space. 

also is there a code that adjust line height of the subtitle on thumbnails. When I try changing the title height, it doesn't affect the subtitles correctly. 

this is so helpful. thank you so much. 

Link to post
  • 0
On 12/15/2020 at 3:47 PM, vcampaner said:

This works, thank you so much. 

What if I have longer text than what the title page settings can take ? Is there a way to add more text space. 

also is there a code that adjust line height of the subtitle on thumbnails. When I try changing the title height, it doesn't affect the subtitles correctly. 

this is so helpful. thank you so much. 

Hi. Have you solved this yet?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

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