L8PMarketing Posted October 16, 2023 Share Posted October 16, 2023 Hi team, We've tried to style the button to be centred on the page, but it doesn't seem to work. Is there any chance anyone can help admen the CSS code for it to actually trigger and center itself on the page? Thanks, Code: <!-- Add CSS style to make the button on brand --> <style> #eventbrite-widget-modal-trigger-712614187217 { font-size: 20px; padding: 10px 20px; background-color: #5e4936; color: white; border: none; cursor: pointer; /* Center align the button */ display: flex; justify-content: center; align-items: center; } </style> <!-- Noscript content for added SEO --> <noscript><a href="https://www.eventbrite.ca/e/bespoke-market-in-squamish-tickets-712614187217" rel="noopener noreferrer" target="_blank">Buy Tickets on Eventbrite</a></noscript> <!-- You can customize this button any way you like --> <button id="eventbrite-widget-modal-trigger-712614187217" type="button">Buy Tickets</button> <script src="https://www.eventbrite.ca/static/widgets/eb_widgets.js"></script> <script type="text/javascript"> var exampleCallback = function() { console.log('Order complete!'); }; window.EBWidgets.createWidget({ widgetType: 'checkout', eventId: '712614187217', modal: true, modalTriggerElementId: 'eventbrite-widget-modal-trigger-712614187217', onOrderComplete: exampleCallback }); </script> Link to comment
tuanphan Posted October 19, 2023 Share Posted October 19, 2023 Hi, Can you share link to page where you added this embed button? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment