TCM Posted November 27, 2021 Share Posted November 27, 2021 Client is utilizing a 3rd party quoting tool and provided me with integration code. Tool has script to include on each page. That works fine. I was then provided the following code to actually open the quote tool, which is in a modal layer. However I'm utilizing buttons for my calls to action and not links (especially not unstyled links). Is there any way to include this in a button form? I tried copying the button code to make my own button but when I add this new class then nothing happens on click. What am I missing here? Thanks for any input! https://brookstitle.squarespace.com/get-a-quote# password BTE Creating a Link to the Quoting Tool Once the embed code has been added to your website, you can create a link that will open the quoting tool by adding the class "get-qualia-quote" to an html element on your site. <a href="#" class="get-qualia-quote">Click Me!</a> Link to comment
Beyondspace Posted November 28, 2021 Share Posted November 28, 2021 7 hours ago, TCM said: Client is utilizing a 3rd party quoting tool and provided me with integration code. Tool has script to include on each page. That works fine. I was then provided the following code to actually open the quote tool, which is in a modal layer. However I'm utilizing buttons for my calls to action and not links (especially not unstyled links). Is there any way to include this in a button form? I tried copying the button code to make my own button but when I add this new class then nothing happens on click. What am I missing here? Thanks for any input! https://brookstitle.squarespace.com/get-a-quote# password BTE Creating a Link to the Quoting Tool Once the embed code has been added to your website, you can create a link that will open the quoting tool by adding the class "get-qualia-quote" to an html element on your site. <a href="#" class="get-qualia-quote">Click Me!</a> Do you mean adding class get-qualia-quote to this a link when clicking this button? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
TCM Posted November 29, 2021 Author Share Posted November 29, 2021 (edited) Yes! ... at least.. I think so! 😁 On 11/27/2021 at 10:52 PM, bangank36 said: Do you mean adding class get-qualia-quote to this a link when clicking this button? Edited November 29, 2021 by TCM Link to comment
tuanphan Posted December 1, 2021 Share Posted December 1, 2021 @TCM Add to Design > Custom CSS div#block-yui_3_17_2_1_1636507354021_3357 a, div#block-yui_3_17_2_1_1638208881411_6026 a { color: #fff; background-color: #663090; border-color: #663090; display: inline-block; -webkit-font-smoothing: antialiased; line-height: normal; padding: 1.2em 2.004em; border-radius: .4rem; } div#block-yui_3_17_2_1_1636507354021_3357 a:hover, div#block-yui_3_17_2_1_1638208881411_6026 a:hover { opacity: 0.8; } 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
TCM Posted December 2, 2021 Author Share Posted December 2, 2021 @tuanphan thank you(!) but I'm not sure I follow. I added to Custom CSS but that doesn't change anything... with links or buttons...? I tried a markup too to create a button and that seems to work but the text is invisible... Link to comment
tuanphan Posted December 4, 2021 Share Posted December 4, 2021 On 12/2/2021 at 9:21 AM, TCM said: @tuanphan thank you(!) but I'm not sure I follow. I added to Custom CSS but that doesn't change anything... with links or buttons...? I tried a markup too to create a button and that seems to work but the text is invisible... The code turn 2 text links under button to buttons. Do you still need help? I don't see text links now 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