Jump to content

Changing Header Button Font

Recommended Posts

  • Replies 5
  • Views 336
  • Created
  • Last Reply

Top Posters In This Topic

22 hours ago, Iwan said:

Hi @tuanphan, please can you help I need to change the font style and font family of my IMAGE CAPTIONS and VIDEO CAPTIONS to DIN CONDENSED...please help?

https://beige-oleander-mp66.squarespace.com/

password tuansqsp

With image caption, change this CSS

.image-caption p {
    font-weight: bold;
    font-color: #334146;
    font-size: .8rem;
    font-family: 'josephin sans' !important;
    padding: .4 rem;
    columns: 2;
}

to this new

.image-caption p {
    font-weight: bold;
    color: #334146 !important;
    font-size: .8rem;
    font-family: 'din-condensed-web' !important;
    padding: 0.4rem !important;
    columns: 2;
}

with video caption, change this

.video-caption p {
    font-weight: bold;
    font-size: .8rem;
    padding: .4 rem;
    columns: 2
}

to this

.video-caption p {
    font-weight: bold;
    font-size: .8rem;
    padding: .4 rem;
    columns: 2;
 font-family: 'din-condensed-web' !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
On 4/6/2022 at 5:34 PM, Iwan said:

Tuan, you are amazing. Thank you! Thank you! This works!!

One last thing on this, how do you make the caption text sit closer to the bottom border of the image/video? Please?

Use this CSS

.image-caption p, .video-caption p {
    margin-top: 5px;
}

 

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

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.