CosmopolitanMusicSociety Posted April 4 Posted April 4 Hello everyone! I'm in need of some help with HTML coding on the website I'm managing for work. I am trying to integrate Showpass ticket purchasing directly on our website's event pages, and while the code works it pulls a button style that, frankly, doesn't look like a button. The code Showpass supplies for embedding is below (including the specific event I want the button to pull purchase information for), if possible I would like the button to match the primary button style on our website or otherwise get a button block that functions the same way this embed does. Quote <div class="sqs-block button-block sqs-block-button" data-block-type="53"><div class="sqs-block-content"> <div class="sqs-block-button-container--center" data-alignment="center" data-button-size="large"> <a href="#" onclick="showpass.tickets.eventPurchaseWidget('spring-handbells-2024', {'theme-primary': '#97D700', 'keep-shopping': true})" class="sqs-block-button-element--large sqs-block-button-element" data-initialized="true">Buy Tickets</a> </div></div></div> Link to Event Page: https://www.cosmopolitanmusic.org/upcoming-concerts-events/cms-spring-series-handbells I have zero coding experience other than the ability to copy-paste and occasionally modify extremely obvious pieces of the code so any assistance would be appreciated!
tuanphan Posted April 7 Posted April 7 You mean style this same as this 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!)
CosmopolitanMusicSociety Posted April 9 Author Posted April 9 (edited) Yes, that's the button I'd like to change and the style I'd like it to match! Edited April 9 by CosmopolitanMusicSociety
tuanphan Posted April 13 Posted April 13 On 4/9/2024 at 11:08 PM, CosmopolitanMusicSociety said: Yes, that's the button I'd like to change and the style I'd like it to match! You can use this code to Website > Website Tools > Custom CSS a[onclick*="eventPurchase"] { background-color: #97d700 !important; border-radius: 100px; } 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!)
CosmopolitanMusicSociety Posted April 16 Author Posted April 16 On 4/13/2024 at 2:13 AM, tuanphan said: You can use this code to Website > Website Tools > Custom CSS a[onclick*="eventPurchase"] { background-color: #97d700 !important; border-radius: 100px; } Worked perfectly, thanks so much!!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment