Eventbrite's new Checkout Button Issue

Design help Custom code
1

Hi everyone! I’m testing out Eventbrite’s new Embedded checkout button but running into some styling problems…

The button it creates has a white background that I don’t want. Any thoughts on how to fix that?

Webflow Project:
https://preview.webflow.com/preview/eventbrite-test?utm_source=eventbrite-test&preview=2319c62d3bb8c4a8d6a2cafcedc10db0

Live Site:
https://eventbrite-test.webflow.io/

2

Hi @mackshirilla

Change the line #4 of your code for this one:

<button style="background-color:#000000; color:white; padding-top:8px; padding-bottom:8px; padding-left:30px; padding-right:30px;"id="eventbrite-widget-modal-trigger-55166464380" type="button">Buy Tickets</button>

You can change the color of the background by changing the #000000 value. The “color:white” is for the font. You can also change the size of the button by augmenting all the padding values (so the entire button is clickable unlike your actual version where only the text is clickable)

IMPORTANT: you will have to delete the width, height and background color values of your embed element.

Hope this helps! :slight_smile:

3

@donaldsv You’re my hero. :raised_hands:t2:

1 Like
4

Glad I could help :bowing_man:

5

Hi Donald,
Do you know what I would need to do to add the font family we use into this? Your other tips were so helpful!