Jump to content

Change font on all buttons

Recommended Posts

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.