Jump to content

LL77

Member
  • Posts

    9
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

LL77's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. @tuanphan THANK YOU very much! That code has worked just great. I really appreciate your help. Thank you!
  2. 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!
  3. Site URL: https://www.londonwanders.com/ Hello 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: https://forum.squarespace.com/topic/178202-style-eventbrite-button-to-match-site-buttons-or-add-script-to-site-button/ But 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 "buy tickets" button to look like the others, then I can replace the S'space link buttons with the E'brite 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. I also attach a screen grab. 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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.