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

Home Forums Support How to Change Podia 'Buy' Button Color?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #953684
    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

    #953904
    David
    Staff
    Customer Support

    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.

    #953948
    Robin

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

    #954045
    David
    Staff
    Customer Support

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

    #954187
    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>
    #954190
    Leo
    Staff
    Customer Support

    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>
    #954209
    Robin

    Wonderful, Leo. That worked. Many thanks.

    #954212
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.