Jump to content

CSS Code for Image Block: Collage Title Font

Recommended Posts

  • Replies 15
  • Views 4.2k
  • Created
  • Last Reply
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!

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

 

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 month later...
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?

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

@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?

 

 

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

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
  • 3 months later...
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.

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 month later...
  • 4 months later...
  • 2 weeks later...
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!

 

Screen Shot 2021-03-10 at 10.12.37 pm.png

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

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

Archived

This topic is now archived and is closed to further replies.


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