Change font on all buttons

Hi! 

I have uploaded a custom font is there a css I can use to change all buttons throughout the site? 

Thanks, 

Jennie 

Add this to Design > Custom CSS

@font-face {
	font-family: fontname;
	src: url(paste font file url here);
}
.button-block a, input.button {
	font-family: fontname !important;
}

Thank you!

Sorry @tuanphan I have tried that and it doesn't change the button in the header menu. Could you help on that please? x

14 hours ago, JennieFage said:

Sorry @tuanphan I have tried that and it doesn't change the button in the header menu. Could you help on that please? x

Header button needs a different class name. Can you share site url? We can check easier

Fab thanks @tuanphan it is https://sprout-guava-7b2t.squarespace.com/

@tuanphan sorry to chase just wondered if you were able to help on this? 

On 1/29/2021 at 9:35 AM, JennieFage said:

@tuanphan sorry to chase just wondered if you were able to help on this? 

What is access password?

@tuanphan thank you! 

https://sprout-guava-7b2t.squarespace.com/

Password - LewisFF

Also do you know how we can move the video down on the mobile version so it does not get cut off by the header? x

On 2/3/2021 at 6:39 PM, JennieFage said:

@tuanphan thank you! 

 

https://sprout-guava-7b2t.squarespace.com/

Password - LewisFF

Also do you know how we can move the video down on the mobile version so it does not get cut off by the header? x

 

Use this CSS

header#header [href="/shop"] {
    font-family: monospace;
}

Video looks fine here..

@tuanphan Thank you! 

I have added in all kids of stuff to try and drop the video down in mobile so there are text boxes above it that are hidden by the header to try and bring the video down. 

I have used the following css which works but not for tablets. Do you know a solution? 

Thanks! x

@media screen and (max-width: 767px) {
section[data-section-id="601c4230200417376802df97"] {
margin-top: 100px; 
}
}

14 hours ago, JennieFage said:

@tuanphan Thank you! 

I have added in all kids of stuff to try and drop the video down in mobile so there are text boxes above it that are hidden by the header to try and bring the video down. 

I have used the following css which works but not for tablets. Do you know a solution? 

Thanks! x

@media screen and (max-width: 767px) {
section[data-section-id="601c4230200417376802df97"] {
margin-top: 100px; 
}
}

edit 767 to 991