Jump to content

Change font on button from tithe.ly

Recommended Posts

Posted

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

  • Replies 7
  • Views 940
  • Created
  • Last Reply
Posted
3 hours ago, bangank36 said:

Seems like you resolved it by yourself

image.thumb.png.0c7c9360c2cddf9991b32d8e7913e429.png

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!

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.