Looking for CSS code to customize font on my websites buttons

Hi there,

Hoping someone has insight as to how I can change the font on my buttons for the styling of my site. I have updated the CSS for my h1, h2, h3 and body, but am hoping to have the button font match my h2. These are custom fonts that I have uploaded.

I can't seem to locate how I talk about buttons in CSS.....

@JessicaRita Can you share link to that page (contain button)?

I'm attempting to set my site styles, and the page I'm working on is unpublished.... Does the screenshot not help?

On 12/7/2019 at 10:00 PM, JessicaRita said:

Hi there,

Hoping someone has insight as to how I can change the font on my buttons for the styling of my site. I have updated the CSS for my h1, h2, h3 and body, but am hoping to have the button font match my h2. These are custom fonts that I have uploaded.

I can't seem to locate how I talk about buttons in CSS.....

Looking for the same!

alpenglowmountainguides.com

17 hours ago, antinj said:

Looking for the same!

 

alpenglowmountainguides.com

You mean button font? Which size, color, font style..?

On 12/27/2019 at 1:19 AM, tuanphan said:

You mean button font? Which size, color, font style..?

Hi there,

I'm wanting my button font to be, 'California Script.'

20 minutes ago, JessicaRita said:

Hi there,

I'm wanting my button font to be, 'California Script.'

.sqs-block-button-element {
    font-family: 'California Script' !important;
}

@tuanphan did this work? I am trying to do the same for a client of mine can you confirm.

Thank you.

13 hours ago, designedbyja said:

@tuanphan did this work? I am trying to do the same for a client of mine can you confirm.

Thank you.

It should work.

if it doesn't work, you can share link to button on your site. I can take a look.

@tuanphan Thanks I will try and see if it works. If not I will reach-out.

Thanks for the help

Hi, I am trying to add the font IvyMode to my header button following your instructions but I can't find a way to make it change, can you please help? @tuanphan the website is interiorstulum.com

Thanks!

On 2/6/2022 at 10:29 PM, duquefernando said:

Hi, I am trying to add the font IvyMode to my header button following your instructions but I can't find a way to make it change, can you please help? @tuanphan the website is interiorstulum.com

 

Thanks!

 

Hi. Use this CSS

header#header a.btn {
    font-family: 'IvyMode';
}

Hi!
Any idea how to change the font on list section buttons? Both for the section and individual list section items.

On 12/22/2023 at 6:25 PM, Kvinnohistoriska said:

Hi!
Any idea how to change the font on list section buttons? Both for the section and individual list section items.

Use this

a[class*="-button-"] {
	font-family: 'IvyMode' !important;
}

If it doesn't work, please share link to page where you use list section