Adding subtitles to Portfolio grid

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

Hello!  It's my portfolio grid: overlay page.  First, I've tried to separate title as the first picture above by putting "<br>". Is there another way to divide sentences?

Second, I want to leave the first sentence (=COOL UNCLE), and change the font and size of the second sentence (Branding).

Please help me out with how to change it!

Thank you 🙂

First, edit title to this

Quote

title <span>line 2</span>

next, add to Home > Design > Custom CSS

.portfolio-text h3 span {
    display: block !important;
    font-size: 20px;
    color: red;
}

22 hours ago, tuanphan said:

First, edit title to this

next, add to Home > Design > Custom CSS

.portfolio-text h3 span {
    display: block !important;
    font-size: 20px;
    color: red;
}

 

Thank you so much Tuanphan!! It's working perfectly 😆

Site URL: https://raspberry-swan-7tm6.squarespace.com/config/pages/5f6cda1390cf030e125b3390

Hi, I want to add subtitle under title in my Portfolio page. I found custom CSS code in other posts in the forum, but it only works with Grid: Overlay layout. How do I make it work with Grid: Simple layout?

Hi. If you use Business Plan or higher

Step 1. Add code you saw in other post

Step 2. Share link to portfolio page, we will give the code to make Step 1 code work.

tuanphan

I'm trying to do something similar, except I want 3 lines of text, with the top line in a different font.  I've tried using <span> but it doesn't seem to be working.

Site is https://cardioid-avocado-ts4a.squarespace.com

On 4/26/2021 at 10:06 PM, khs123 said:

tuanphan

I'm trying to do something similar, except I want 3 lines of text, with the top line in a different font.  I've tried using <span> but it doesn't seem to be working.

 

Site is https://cardioid-avocado-ts4a.squarespace.com

Next, add this to Design > Custom CSS

h3.portfolio-title span {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
h3.portfolio-title:first-line {
    font-family: monospace;
}

On 4/28/2021 at 3:13 AM, tuanphan said:

Next, add this to Design > Custom CSS

h3.portfolio-title span {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
h3.portfolio-title:first-line {
    font-family: monospace;
}

Thanks @tuanphan - worked like a charm

Thanks for the other feedback - the site is still being built, so I've not got round to the mobile / SEO stuff yet.  May come back to you to ask for help on those when I do though!

Cheers

On 4/29/2021 at 5:26 PM, khs123 said:

Thanks @tuanphan - worked like a charm

Thanks for the other feedback - the site is still being built, so I've not got round to the mobile / SEO stuff yet.  May come back to you to ask for help on those when I do though!

Cheers

Yes. When you need help, just reply in this question. We can check easier

Site URL: http://srikandiproductions.com

Hi there, 

I want to not only have titles when hovering, but also subtitles, like in this example:

http://www.juenglinge-film.de/index.html

I also want to change the size of the font in the windows.

Thanks for helping!

PW for the website: srikandi

First, edit title to this

Sediments <br/> test test test

Next, let me know. We will try testing some code

Hey, I have a similar question but I want to change the font to a custom font.

https://www.annaisaacson.com/work

Thank you!

@DouglasWayne I used this on my site:

/*Change font of portfolio title*/
h3.portfolio-title {
    font-family: monospace !important;
    font-size: 1.0rem !important;
}

2 hours ago, khs123 said:

@DouglasWayne I used this on my site:

/*Change font of portfolio title*/
h3.portfolio-title {
    font-family: monospace !important;
    font-size: 1.0rem !important;
}

THANK YOU THANK YOU! Works great!

Hi there, has anyone figured this one? Can you please help, I also need the subtitle for Grid simple layout. Many thanks!

On 12/7/2021 at 8:59 PM, vanessa_k17 said:

Hi there, has anyone figured this one? Can you please help, I also need the subtitle for Grid simple layout. Many thanks!

Can you share link to grid simple plage? We can help easier

On 9/18/2020 at 6:18 PM, tuanphan said:

First, edit title to this

next, add to Home > Design > Custom CSS

.portfolio-text h3 span {
    display: block !important;
    font-size: 20px;
    color: red;
}

 

I'm trying to use this, but whenever I try to save the name change of my page I come up with this error.

On 7/12/2023 at 4:18 AM, Joekkaido said:

I'm trying to use this, but whenever I try to save the name change of my page I come up with this error.

You can try this guide. See #2