tuanphan Posted May 14, 2023 Share Posted May 14, 2023 On 5/12/2023 at 12:58 AM, amleto1990 said: Hi, I used this on my website but the links are not active. Does this no longer work? Also does not show up on mobile. jouleseventeen.com/honey Where did you add the code? 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
Mary-Grace Posted June 5, 2023 Share Posted June 5, 2023 I can't get this code to work for me. Can you help? Here is my website: https://thecleanwaterexpert.com/ Link to comment
tuanphan Posted June 9, 2023 Share Posted June 9, 2023 On 6/6/2023 at 4:02 AM, Mary-Grace said: I can't get this code to work for me. Can you help? Here is my website: https://thecleanwaterexpert.com/ I see you solved with CSS code? #book-me { position: fixed; bottom: 27px; left: 20px; z-index: 99999; } 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
HillsWebDesign Posted March 4 Share Posted March 4 Hi, Do you think the above methods could work with this plugin... https://www.sqspthemes.com/plugins/p/ultimate-squarespace-lightbox-plugin To be clear, I want a side button that opens an iframe in a popup using the above plugin Thanks Greg Link to comment
tuanphan Posted March 7 Share Posted March 7 On 3/5/2024 at 1:45 AM, HillsWebDesign said: Hi, Do you think the above methods could work with this plugin... https://www.sqspthemes.com/plugins/p/ultimate-squarespace-lightbox-plugin To be clear, I want a side button that opens an iframe in a popup using the above plugin Thanks Greg Hi, It should work with Lightbox Plugin. I used to help some members with same buttons Or if you need a simple popup, we can do this without using plugin Let me know if you still need help 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
HHSystems Posted August 21 Share Posted August 21 On 5/13/2020 at 9:42 AM, tuanphan said: Like this? or can you describe in detail/share link to an example? @tuanphan How do you make that floating button group? Link to comment
tuanphan Posted August 23 Share Posted August 23 On 8/21/2024 at 10:11 PM, HHSystems said: @tuanphan How do you make that floating button group? I don't save code on this site. You want to achieve same or what should it look like? 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
HHSystems Posted August 23 Share Posted August 23 @tuanphan I would like to achieve something similar. I am currently working with on floating button using code code from earlier in the post but want a couple more. 3 buttons floating in a group vertically with text and potentially icons. Link to comment
tuanphan Posted August 25 Share Posted August 25 On 8/23/2024 at 8:07 PM, HHSystems said: @tuanphan I would like to achieve something similar. I am currently working with on floating button using code code from earlier in the post but want a couple more. 3 buttons floating in a group vertically with text and potentially icons. Text only or text + icon? If icons, you want to use your own image icon or? If icons, you can also choose font icons here: (choose free icons) https://fontawesome.com/icons 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
HHSystems Posted August 26 Share Posted August 26 (edited) On 8/25/2024 at 12:09 AM, tuanphan said: Text only or text + icon? If icons, you want to use your own image icon or? If icons, you can also choose font icons here: (choose free icons) https://fontawesome.com/icons Text and Icons. "First time" no icon. https://fontawesome.com/icons/scroll?f=classic&s=solid https://fontawesome.com/icons/building?f=classic&s=solid Edited August 26 by HHSystems Wrong links Link to comment
tuanphan Posted August 30 Share Posted August 30 On 8/26/2024 at 10:41 PM, HHSystems said: Text and Icons. "First time" no icon. https://fontawesome.com/icons/scroll?f=classic&s=solid https://fontawesome.com/icons/building?f=classic&s=solid You can use this code to Website Tools > Code Injection > Footer <div class="float-bar"> <a href="/about">First time with us</a> <a href="/waiver"><i class="fa-solid fa-scroll"></i> Waiver</a> <a href="/facility"><i class="fa-solid fa-building"></i> Facility</a> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> div.float-bar { background-color: #f75900; position: fixed; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; border-top-left-radius: 30px; border-bottom-left-radius: 30px; min-height: 200px; } div.float-bar a { color: #fff; text-decoration: none; padding: 10px; } </style> Replace these with real urls on your site HHSystems 1 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