Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Fabians

Member
  • Content Count

    9
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Site URL: https://duck-squid-7bsa.squarespace.com/ Hi, I would appreciate it a lot if anyone could help me with this. I'm trying to make the header button open up a popup with a typeform form. When I contacted typeform they told me to do it like this: 1) use the jquery click method on that menu button to load the typeform in a lightbox popup; or like this: 2) use our Embed SDK documentation to achieve this: https://developer.typeform.com/embed/ Unfortunately I'm not sure how to do any of them? Any tips on this? I managed to put a popup button to my form in the side with this code (in case that helps): <a class="typeform-share button" href="https://form.typeform.com/to/wDQiSvN1" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#D17002;color:white;cursor:pointer;font-family:poppins;font-size:1.3rem;line-height:50px;text-align:center;margin:0;height:50px;padding:5px 33px;border-radius:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-hide-headers=true data-hide-footer=true data-submit-close-delay="2" target="_blank">Launch me </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> How could I put something similar in the menu in the heading? I'm on 7.1 here: https://duck-squid-7bsa.squarespace.com/ Pass: squarespace
  2. Update: Found the solution for this with some googling and fiddling with code from other posts. Posting it here in case someone else needs it: <div class="sqs-block button-block sqs-block-button"> <div align="center"> <a onclick="myFunction()" class="sqs-block-button-element--large sqs-block-button-element" target="_blank">Button Text ></a> </div> </div> <script> ... your script to be triggered on click... </script>
  3. I have the same question. That is exactly what I intend @tuanphan. but do you know if that is possible with the button block in squarespace? or would I have to insert the button as html code? if so, can I style it to look like the button block in squarespace? did you find an answear for this @WHOisDANE?
  4. Thank you @tuanphan! That solved it! It was hidden in some code block, as you mentioned. Solved! Thank you! ๐Ÿ™‚
  5. Thank you for the quick reply @tuanphan. Unfortunately I don't see the code in any of the 2 places. Home > Settings > Advanced > Code Injection only has the font awesome code and Homepage Settings > Advanced > Header is empty. Attaching screenshots. Do you have more suggestions?
  6. Site URL: https://duck-squid-7bsa.squarespace.com/ Hi, My menu shows centered and I intend to to have it aligned to the right. It was to the right in the beginning, but I must have messed up something in the settings. I tried to edit the site header, but everything looks OK with those options and it should be aligned to the right. Can you please help? Im on 7.1 at https://duck-squid-7bsa.squarespace.com/ pass: squarespace Kind regards, Fabs
  7. Thank you Paul! That worked great! I thought that wouldn't preserve the right order in mobile (I thought that would put the 3 images first and than the 3 text blocks), but I was wrong. I must have done some mistake when I tried it the first time! Problem solved, thank you! This works great for the image icons I intend to use and tuanphan's way is a great alternative for the other items. Thank you! ๐Ÿ™‚
  8. Thank you so much tuanphan! That works great! :) Is there any way I can do that with icons from thenounproject.com or from flaticon.com? I guess that would mean to insert an image. Is ther a way to do this through markdown or through the code block so they would show up in a similar way as you put it on your page for Icon Boxes 02?
  9. Hi, I'm trying to create a list of services with an icon on top and text under the icon, like the attached image (thatโ€™s https://www.aesopwines.com/) How can I do this? If I insert an image the icon expands. Also, if I insert an image and a text block below it wouldn't behave properly on mobile. Whats the best way to do this? Whats the best module for this? (I'm using the Basil template, in case that helps) Can you please help? Kind regards, Fabian
ร—
ร—
  • Create New...