Jump to content

Change font on button from tithe.ly

By Kim-kelly, in Customize with code

Recommended Posts

Kim-kelly Level 4

Kim-kelly

Posted
Posted (edited)

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
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Kim-kelly
Kim-kelly

It was the other button on that page, but now that you've shown me what to call the font and where to put it I've changed it and it worked. THANK YOU so much!

Posted Images

Beyondspace Level 14

Beyondspace

Posted
Posted

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, Lightbox Studio plugin
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
Beyondspace Level 14

Beyondspace

Posted
Posted
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, Lightbox Studio plugin
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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources