How to add a subtitle to portfolio thumbnails, and customise its size and italics

Site URL: https://davidhr.co.uk/

Hi,

I'm looking for some help in adding a subtitle to my portfolio thumbnails and the how I can customise their size and italics. I'm already using the <br/> command to add a makeshift subtitle, but I'm really wanting to be able to customise my subtitles size (to make smaller) and also change it to Italics, and currently im not sure how to do this, 

Any help would be amazing! Thank you 

Try add this, then let me know, I will give the code to make it new line + style it

Quote

title 01 <span> subtitle</span>

On 8/18/2020 at 2:55 PM, tuanphan said:

Try add this, then let me know, I will give the code to make it new line + style it

 

That works great! What would the styling code I need to add be? thanks!

Add to Home  >Design > Custom CSS

h3.portfolio-title span {
    font-style: italic;
    font-size: 10px;
    display: block;
}

4 hours ago, tuanphan said:

Add to Home  >Design > Custom CSS

h3.portfolio-title span {
    font-style: italic;
    font-size: 10px;
    display: block;
}

 

thats brilliant, thank you so much! 

On 8/18/2020 at 2:55 PM, tuanphan said:

Try add this, then let me know, I will give the code to make it new line + style it

 

Hey @tuanphan - do you know if there is any way to hide the span text in the pagination? I love the formatting for the portfolio grid, but I'd like to get rid of the subtitle for the pagination labels...

Thanks in advance!

On 3/29/2021 at 8:11 PM, Webswool said:

Hey @tuanphan - do you know if there is any way to hide the span text in the pagination? I love the formatting for the portfolio grid, but I'd like to get rid of the subtitle for the pagination labels...

 

Thanks in advance!

Can you share link? I think we can use JS code to solved this

7 hours ago, tuanphan said:

Can you share link? I think we can use JS code to solved this

Sure thing.

acg-demo.squarespace.com/acg-team (password: demo)

I'm using your <span> method to show the job titles underneath the team members names for the hover effect but when you click through onto each team member, the job title looks a bit too much with the name on the pagination. If we could cut that down to just their name, that'd be fab!