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

Link to comment
  • Replies 7
  • Views 652
  • Created
  • Last Reply

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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.