[Resolved] How to Change Podia 'Buy' Button Color?

[Robin]

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

[David]

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.

[Robin]

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

[David]

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

[Robin]

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>

[Leo]

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>

[Robin]

Wonderful, Leo. That worked. Many thanks.

[Leo]

No problem 🙂

[Author]

Posts