Changing Header Button Font

Site URL: https://www.hael.co

I had my header button showing fine with the same custom font I'm using across my website and I logged on today to see it's showing up as a different font and/or weight and caps style as the rest of my navigation. I can't find it in the code and can't seem to fix the issue on my own. This is the "contact me" button at the top in the top navigation

Add to Design > Custom CSS

/* Header font */
header#header a.btn {
    font-family: "Quincy" !important;
}

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

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

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?

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