CSS Code for Image Block: Collage Title Font

Hello -

I'm trying to use a custom font for the 'Image Block: Collage Title'. Does anybody know the css code for this? Thank you!

You need to use CSS in this case.

Can you share link to your site, to check Collage title CSS?

27 minutes ago, tuanphan said:

You need to use CSS in this case.

Can you share link to your site, to check Collage title CSS?

Hi tuanphan, thanks for your response. I have the css down for the fonts on the rest of the site. For example, I'm using the following for the header 1 font:

h1 {font-family: 'FONT';}

I'm wondering what I would replace the 'h1' with to change the title font on the 'Image Block: Collage Title', as on the link below, scrolled down to where the blue "Our Mission" text is.

https://randolphschool.squarespace.com/

Hope this makes sense!

2 minutes ago, JakeySnakes said:

Hi tuanphan, thanks for your response. I have the css down for the fonts on the rest of the site. For example, I'm using the following for the header 1 font:

h1 {font-family: 'FONT';}

I'm wondering what I would replace the 'h1' with to change the title font on the 'Image Block: Collage Title', as on the link below, scrolled down to where the blue "Our Mission" text is.

https://randolphschool.squarespace.com/

Hope this makes sense!

.image-title-wrapper * {
    font-family: tuanphan !important;
}

1 hour ago, tuanphan said:

.image-title-wrapper * {
    font-family: tuanphan !important;
}

 

That's it! Thank you very much!

I also found this very useful, thanks. 

Could you advise what the code would be to change the body text to a specific font too as the above only addresses the title. 

Thanks!

8 hours ago, lloyd_seymour said:

I also found this very useful, thanks. 

Could you advise what the code would be to change the body text to a specific font too as the above only addresses the title. 

Thanks!

Can you share link to your site?

@Tuanphan thank you for assisting with this- this code has helped me get started on a similar issue. Attempting to change font on image overlay on site truelifemedia.com to a specific font- Novecento Sans Condensed that matches my H3 font. How would I do this and alter the capitalization and size?

6 hours ago, truelife said:

@Tuanphan thank you for assisting with this- this code has helped me get started on a similar issue. Attempting to change font on image overlay on site truelifemedia.com to a specific font- Novecento Sans Condensed that matches my H3 font. How would I do this and alter the capitalization and size?

 

 

text-transform: capitalize;

font-size: 20px;

Thank you, but I'm still unclear on how to choose specific fonts that don't fit within a Font Family...

On 4/8/2020 at 9:14 AM, tuanphan said:

Can you share link to your site?

Hi, I am also wondering what the code for is to change the body text in a gallery - I managed to change the header by using your text above... Would love to get that code to change the body text as well

On 9/24/2020 at 3:50 PM, SannaBuckhoj said:

Hi, I am also wondering what the code for is to change the body text in a gallery - I managed to change the header by using your text above... Would love to get that code to change the body text as well

Can you share link to page where you use gallery? We can check easier.

How to change size of collage image?

1 hour ago, Lalat said:

How to change size of collage image?

Can you share link to page where you use collage image? We can check easier

Hi @tuanphan

Could you please help me with the custom css to change the image poster text (heading, subheading and button)

Website link is: https://www.naturetonurturephotography.com 

Thanks in advance!

On 3/11/2021 at 5:14 AM, Skittles said:

Hi @tuanphan

Could you please help me with the custom css to change the image poster text (heading, subheading and button)

Website link is: https://www.naturetonurturephotography.com 

Thanks in advance!

 

Hi. Sorry for the delay. Can you share link to page in screenshot? I don't see it on above link