Change Button to Custom Font

[kickinrad]

Hey Apex!

https://www.electstephanielynch.com

I have searched and searched and tried a few things in CSS to get this “Sign Up” button to use the Bebas font I have installed on the site. No luck though. I know how to do it for Button elements, but when a shortcode adds a button I cannot seem to get it.

Ideally, I would match it to the styling I did for the buttons on my Content Dropdown toggles here, if you can help with that: https://www.electstephanielynch.com/platform/

Thanks for the help!

[nabeel]

Hi @kickinrad,

Thank you for reaching out us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. To customize the submit buttons, you can add the following code in the Theme Options > CSS:

input[type=submit] {
    width: 8em;
    height: 2.75em;
    border-radius: 100em;
    font-size: 1em;
    background-color: rgb(22,71,111);
    box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Thanks!