Jump to content

Change font on button from tithe.ly

Recommended Posts

Site URL: https://walrus-sunfish-e5zz.squarespace.com/config/design/fonts

Hi there,
Does anyone know how to change the font on this button (from tithe.ly) pictured below from Helvetica to the squarespace font family Alternate Gothic No. 3 D?

This is the code from tithe.ly that we put in.
 

<head>
<style>
.tithely-give-btn {
  background-color: #fa5d28; font-family: Helvetica, sans-serif; font-weight: 400; font-size: 19px; letter-spacing: 0.14em; padding: 1.1em 1.5em; border-radius: 0px; cursor: pointer; background-image: none; color: white; text-shadow: none; display: inline-block; float: none; border: none; opacity: 1; transition: 0.3s; 
}

.tithely-give-btn:hover {opacity: 0.6}
</style>
</head>

<button class="tithely-give-btn" data-church-id="1101640">GIVE ONLINE</button>
<script src="https://tithe.ly/widget/v3/give.js?3"></script>
<script>
var tw = create_tithely_widget();
</script>

Thanks!

give online button.jpg

Edited by Kim-kelly
Added a photo
Link to comment

Your site is private so I can't check but usually you can replace this line of code to change the font

image.png.220bdbe64543b4fee488e10ca173ec19.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
9 hours ago, Kim-kelly said:

And the button that I'm talking about is under the GIVE section on the main header 🙂

Seems like you resolved it by yourself

image.thumb.png.0c7c9360c2cddf9991b32d8e7913e429.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.