Site logo

Archived topic

How to Change Podia 'Buy' Button Color?

7 replies · Started by RJ on July 10, 2019

Viewing posts 1–8 of 8

Hey there - I'm embedding a Podia buy button. However, I need to change the colour of it.

I've tried adding the .button class, but can't get it to work.

Here is the button code Podia give me:

<script src="https://cdn.podia.com/embeds.js" async="async"></script>
<a href="https://community.eatweeds.co.uk/stinging-nettle" data-podia-embed="button" data-text="Buy for £4.50">Buy for £4.50</a>

The colour I want the button to be is: #d43c67

TIA, Robin

Hi there,

does Podia give you the option to customize the button in their interface?
You can style it from your site as the CSS style sheets are being served from Podia.

Alternative is to change it to the "link" and then we can style it to look like a button.

Sadly Podia do not. Sigh. Could you point me to styling it to look like a button. Cheers.

If you want to change it to a link on the site i can provide the CSS

Thanks, David... here's the link code:

<script src="https://cdn.podia.com/embeds.js" async="async"></script>
<a href="https://community.eatweeds.co.uk/stinging-nettle" data-podia-embed="link">Buy for £4.50</a>

I wonder if you can do something like this:

<script src="https://cdn.podia.com/embeds.js" async="async"></script>
<a href="https://community.eatweeds.co.uk/stinging-nettle" class="button" data-podia-embed="link">Buy for £4.50</a>

Wonderful, Leo. That worked. Many thanks.

No problem :)

This archived topic is closed to new replies.