Button style

QuestionsCategory: QuestionsButton style
Kristen Chorba asked 9 months ago

Hello, is there a way I can add/activate my theme font (Amalfi, for Hello Coach) for buttons? 
Like on this page: https://helloyoudesigns.com/shop/hello-coach-kadence/
How the button shows VIEW <i>the</i> DEMO
Thanks!

Attachments
1 Answers
Support Team Staff answered 9 months ago

You would need to create some CSS and then add the buttons manually vs with the kadence button option.  Here is the code we used for the demo button.  Add that to your additional CSS then use this example to create a button.  The words wrapped in the em are the script.
 
<a class=”demobutton” href=”YOUR LINK” target=”_blank” rel=”noopener”>VIEW <em>the</em> DEMO</a>
 
.demobutton {
text-decoration: none;
color: #f4baa8;
border: 2px solid #f4baa8;
background: #fff;
padding: 10px 20px
}
.demobutton:hover {
color: #fff;
background: #f4baa8;
border: 2px solid #f4baa8;
}
.demobutton em {
font-family: ‘Amalfi’;
letter-spacing: normal;
}