Site URL: https://www.londonwanders.com/
I would be really grateful if someone out there could help me please. I know nothing about coding, except how to cut and paste it! This same question was asked on here back in January but the answer was specific to that person's styling, and as I do not understand coding, I am really hoping, given the information below, that someone would kindly give me the code I need for my site. Thank you! Here’s the details:
I’ve added a scripted Eventbrite ticket sales button to my website, which keeps customers on your website to make the booking, rather than linking to the external eventbrite page. This is a new and better way of doing things. BUT the E’brite “buy tickets” button looks terrible. I would like to style it the same as the red “book/book now” buttons already on my site. These buttons are links to the E’brite site. If I can style the scripted Eventbrite ticket sales button to look like the others, then I can get rid of the link buttons and just use the scripted embedded ones.
On the “welcome” page of my site you will see the E’brite scripted “buy tickets” button and below this the standard Squarespace “book now” button, that is a link.
Here is the code for the scripted button, and below that the styling details of my red squarespace button:
<!-- Noscript content for added SEO -->
<noscript><a href="https://missguideds-londonwanders.eventbrite.co.uk" rel="noopener noreferrer" target="_blank"></noscript>
<!-- You can customize this button any way you like -->
<button id="eventbrite-widget-modal-trigger-18924204806" type="button">Buy Tickets</button>
<noscript></a>Buy Tickets on Eventbrite</noscript>
<script src="https://www.eventbrite.co.uk/static/widgets/eb_widgets.js"></script>
<script type="text/javascript">
var exampleCallback = function() {
console.log('Order complete!');
};
window.EBWidgets.createWidget({
widgetType: 'checkout',
eventId: '18924204806',
modal: true,
modalTriggerElementId: 'eventbrite-widget-modal-trigger-18924204806',
onOrderComplete: exampleCallback
});
</script>
Styling details of my red Squarespace button:-
Button block small
Button colour hsla(352, 94%, 49%, 0.85)
Text colour hsla(0, 1%, 7%)
Small button style solid
Small button shape pill
Font Proxima Nova
Weight 700
Style normal
Size 16px
Letter spacing 1.58px
Text transform lowercase
If anyone can help I’ll be incredibly grateful. Thank you very much!