Jump to content

Adding subtitles to Portfolio grid

Recommended Posts

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

1939414952_ScreenShot2020-09-15at8_36_21PM.thumb.png.455a3b4b64914bcb50aaa54c89e7bab8.png523887464_ScreenShot2020-09-15at8_23_58PM.png.8e3ca1a987adfa83b1917445b89f017b.png

945938743_ScreenShot2020-09-15at8_23_50PM.png.01cdace247dfeb587276e1397bf9806b.png

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 🙂

Edited by Hyeju
Link to comment
  • Replies 17
  • Views 2.7k
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 months later...
  • 2 months later...
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;
}

image.thumb.png.0e96a4f4d800c941179b86ad6487f552.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}

image.thumb.png.0e96a4f4d800c941179b86ad6487f552.png

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

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
  • 6 months later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
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.

Screenshot 2023-07-11 at 22.17.59.png

Edited by Joekkaido
Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.