How can I add two lines of text to the Portfolio Grid overlay?

Site URL: https://giraffe-fife-xnsh.squarespace.com/work

Hi there,

I am trying to create two lines of text hover overlay on the portfolio grid but cannot seem to differentiate. I have tried using the coding suggested and editing the section id but nothing is working.

Would love some assistance!

Hi. What is access password?

Using the description box add a <span> and then use CSS to style the span.

Title <span> about</span> with CSS will look like "

Title

About

Hi, I have the same problem! I went to the site URL and it looks like you've solved your issue. Could you share the CSS so that I can do the same for my website? I have a title and a description that I want on the next line. Just like yours, I have multiple image blocks and each one has a title and description. Thank you.

Site URL: https://www.elliewinter.com/

@tuanphan I've successfully implemented your code to get two lines of text on my new website's portfolio page thumbnails, see here: https://www.foranconcepts.com/branding

(Thank you!)

However, then when you click on any one of those project's, the page title in the browser tab shows the full text without a break. Is it possible to control the actual page titles in this instance? Example here (if on desktop, hover over the tab in your web browser): https://www.foranconcepts.com/branding/mpf

On 1/5/2023 at 4:29 AM, broadcreatives said:

@tuanphan I've successfully implemented your code to get two lines of text on my new website's portfolio page thumbnails, see here: https://www.foranconcepts.com/branding

(Thank you!)

However, then when you click on any one of those project's, the page title in the browser tab shows the full text without a break. Is it possible to control the actual page titles in this instance? Example here (if on desktop, hover over the tab in your web browser): https://www.foranconcepts.com/branding/mpf

Not possible. If you need, we can use new code to add second text and this text will appear on List page (/branding) only, it won't appear on portfolio detail page (/branding/mpf)

What do you think?

On 1/7/2023 at 9:41 AM, tuanphan said:

Not possible. If you need, we can use new code to add second text and this text will appear on List page (/branding) only, it won't appear on portfolio detail page (/branding/mpf)

What do you think?

@tuanphan That would be great. Appreciate the help!

Just following up on this, @tuanphan any idea how to remove the second line of text from the pagination at bottom of page? As you can see in second image, the <span> is included in the title in pagination... Thanks!

On 3/25/2023 at 9:08 PM, 5018 said:

Just following up on this, @tuanphan any idea how to remove the second line of text from the pagination at bottom of page? As you can see in second image, the <span> is included in the title in pagination... Thanks!

Can you share link to a page? We can check easier

Was there any solution to adding the second line to the portfolio title hover without it listing in the browser page title and pagination at the bottom? 

15 hours ago, dfesenmyer said:

Was there any solution to adding the second line to the portfolio title hover without it listing in the browser page title and pagination at the bottom? 

We can use CSS pseudo to do this. See #2 code