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

Change the text style of portfolio grid: overlay


Hyeju

Question

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 post
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

First, edit title to this next, add to Home > Design > Custom CSS .portfolio-text h3 span { display: block !important; font-size: 20px; color: red; }  

Posted Images

7 answers to this question

Recommended Posts

  • 0

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;
}

 

Link to post
  • 0
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 😆

Link to post
  • 0
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

Link to post
  • 0
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

I see the site has some problems.

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

1. (Mobile-Footer) Align links – above text

cardioid-avocado-ts4a.squarespace.com-01

2. (Mobile-Footer) Align newsletter – social icons?

cardioid-avocado-ts4a.squarespace.com-02

3. (Tablet-Footer) Make arrow – input same line

cardioid-avocado-ts4a.squarespace.com-03

4. (Mobile-Services) Arrows overlap text

cardioid-avocado-ts4a.squarespace.com-04

5. (Mobile-Header) Logo looks small. Want to increase size?

cardioid-avocado-ts4a.squarespace.com-05

6. (Shop) You haven’t changed SEO Title so the browser tab name still shows “Store 2”

cardioid-avocado-ts4a.squarespace.com-06

7. (Mobile-Products) Show breadcrumb on top, like as desktop & tablet?

cardioid-avocado-ts4a.squarespace.com-07

Link to post
  • 0
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 post
  • 0
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

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