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

Search the Community

Showing results for tags 'popup'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 53 results

  1. Site URL: https://seanmorganworks.com/contact I want a button that shows a popup dialog box with info about a project. Is this achievable without the promotional popup add on to my site?
  2. Is it possible to make all product thumbnails to open the product info on a Lightbox (similar to Quick View), instead of sending users to the product detail page?
  3. Site URL: https://harp-fiddle-enph.squarespace.com Hello! I've set up a popup lightbox with text using the featherlight code. It was working perfectly. I cam back to it a few days later after making some changes on other pages and now it's blank. I feel like there could be something wrong with my code. I know virtually nothing about code, so I'm completely stumped as to what the problem could be. Any help would be appreciated! This is what I have in the content block: <div style="display:none;"> <div id="more-questions"><h4 style="text-align:center;">Get in touch with us!</h4><p style="text-align:center;">We love talking sport and how to help you get more people playing.</p></div></div> <div align= center><font color="347dd3"><a href="#" data-featherlight="#more-questions" data-featherlight-variant="fixwidth">Got more questions? </a></font></div> And I have this in my page header: <script src="//code.jquery.com/jquery-latest.js"></script> <link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> And this code injection in my Global header: <script src="//code.jquery.com/jquery-latest.js"></script> <link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> I've also used Custom CSS: .fixwidth .featherlight-content { font-family: "Poppins", sans-serif !important; font-weight: 500 !important; font-style: normal !important; color: rgba(26,26,26,0.7) !important; font-size: 16px !important; letter-spacing: 1px !important; line-height: 1.6em !important; text-align: centre !important; padding-top: 20px !important; padding-right: 30px !important; padding-bottom: 20px !important; padding-left: 30px !important; border-radius: 10px !important;}
  4. Hey, I am making a domestic violence resource site, and I am looking for popups that when you click a link or button, it opens up your browser page incognito. The idea is that, the client want's an escape page for DV user to press if their abusive partner were to take their phones or look through their partner's internet browsing. If something like this exist as a plug in or if there is a code for this, that would be freaking great!
  5. Hey!😄 I would like to add an 'i' button or use an 'i' image for a popover of a description. For example: Swedish Massage (insert 'i' button) *on click, having a popover description of "A light massage that enhances relaxation. These gentle movements are not intended to treat pain or injury."* Can anyone help me out?
  6. Site URL: https://www.afahlstrom.com/test-page Hello Squarespace-people! So, I've implemented a popup-feature on my homepage using Featherlight. Everything works except when I try to close the popup-window. I need to close it "twice" and it's really annoying! I've searched the whole internet for answers, but noone seem to have this kind of problem... Please help me! Code in my Header: <link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" /> Code in my Footer: <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> Code for the button that executes the feature: <div class="sqs-block button-block sqs-block-button" style="text-align:center; padding:0;"> <a href="#/" data-featherlight="#playerflowchart" class="sqs-block-button-element--medium sqs-block-button-element">View Player Flowchart</a> </div> <div style="display:none;"> <div id="playerflowchart" style="text-align:center;"> <img src="https://static1.squarespace.com/static/5e24379002411b772ec6e88d/t/5f4294baa4e40060b3c2359e/1598198977828/Player+Flowchart.png" alt="Player Flowchart" style="max-width:100%;" /> </div> </div>
  7. Site URL: https://www.clinicaamanon.com/tratamientos-faciales Hi everyone, I am making a new website for my grandmothers business, she asked me to make a new more modern site as she doesn't have the cash to pay a developer. Anyway...I'm super new to this and have been reading some posts on how to do a pop up text box. However what I have is very simple which I got the code from another kind user who posted here: I wanted to ask if anyone can help me build on this and improve it... 1) I don't know how to change the color of the pop up and text, change the font and size of text. 2) I would also like to understand how to add the image that I have saved in my laptop? As I don't know how to add a jpg url 3) Lastly, how can I make a pop ups to have various sections such as in this page: Where you click + informacion, the pop up has 3 windows or sections... Thank you so so much to anyone who willing help!!!
  8. There is a pop up on my site but it is not located in the pop up section. It Is a button that links to a blog. Is there another space that would trigger this pop up other than the pop up feature? Attached is a pic showing no pop up and the pop up.
  9. Site URL: https://www.jenevoymakeupstudio.com/ Hi there! Wondering if anyone has found a way to include an image on a mobile promotional pop-up. Any help would be greatly appreciated! D
  10. Site URL: https://chriszforma.com sometimes my promotional pop-up that is configured to show up in the lower left corner displays very big and covers the whole page. I can't find the cause. it doesn't happen all the time. It has happened in Chrome and in Edge on Windows and Chrome on MacOS. Attached is proof of the lower left configuration for the popup (and what is expected for location) and attached is a pic showing it taking over the whole screen. When it is happening and I "refresh" the page it continues. There are scrollbars shown but nothing visible moves when scrolling as the popup is covering the whole page, though the scroll bars reflect the amount of content below the popup.
  11. Site URL: https://thelaurieloo.com I have a pop up currently live on my site (the full page option with left image), and when I view it on mobile it just shows at the bottom with text/button and no image. I would really love the image to show on mobile, but I don't know how? I tried doing some other layouts with images (thinking it was just a full page thing) and it still does not show the image on mobile. Any ideas?
  12. Site URL: https://laurencohenyoga.com/ A friend asked for a quick fix with her navigation menu. I found a workaround but I'd like to find the actual solution. For some reason in the navigation menu, the 'connect' button adds an event to itself that fires the promotional marketing popup on click. I cannot figure out why this event is being attached. If you open up dev tools you'll notice my solution was to add 2 links (1 link, 1 cover page): 1 that links to the connect page (desired behavior) and 1 that links to the popup (undesired behavior, so I set the name to ' ' so it's mostly invisible). It seems I have to include both of these or the link falls back to opening the popup - even though I explicitly set it's href to /connect. So it seems like if there is only 1 'connect' in the nav it defaults to attaching the event/opening the popup no matter what I try - regardless of whether the 1 link is a link or a cover page type. I have looked through all the pages and the marketing section and cannot find anything that sets 'connect' to open the popup. Is there a setting I'm missing? The connect page is a "cover page" instead of a standard page but again couldn't find anything triggering special behavior. I am so perplexed. The event being added: function(e) { a.fire(v.getEvent(e, t, i || !1 === r)) } Thank you
  13. Site URL: https://www.clarynnicholas.com/ There is a Mailchimp popup appearing on my site that I can't seem to get rid of. I have switched platforms to Mailerlite and have inserted the new code into the 'Code Injector' for this new pop up, but the old Mailchimp one is still appearing and I can't see where to get rid of it. I've checked the source could and can see this code after the Mailerlite embedded code: <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us17.list-manage.com","uuid":"82bce82dfce283e92f8d596c2","lid":"6466e66600","uniqueMethods":true}) })</script> I can't see where I can remove this. I've checked the header section for each page and it is not in any of those. Any help would be greatly appreciated.
  14. Site URL: https://blog.lifestart.net My site has a pop up that I've added from Constant Contact on our site, however we'd like to hide/remove the pop up on a single page. Does anyone have custom CSS for removing the pop up on a single page?
  15. Site URL: https://www.brandistanley.com Is there a way to add additional fields to a promotional pop-up? I'd love to just collect First Name & Last Name data (separately) for my popup, which currently only collects email addresses.
  16. Hi, I want to ask how can i make popup window with text (project description) after click on the text (below the slideshow). Thank you in advance
  17. Site URL: https://www.danramsey.co.uk Help1 :D. I have styled the secondary navigation as a button. I want that to activate the promotional newsletter subscription in brine via a button in the secondary navigation. I don't want it to pop up at all without peoples choosing. Logic tells me there must be a way of getting the nav link to trigger popup? I don't want to use a third party plugin. When I am already paying x for ss, and in ss there is a tool for creating buttons, creating popups and collecting emails, I don't see why I should have to pay more when all I need to do is connect two things that already exist. If you can help, you will have prevented me wasting even more evenings of my life trying to work it out :-). regards Dan ...image attached. ignore first which is when I was thinking about the form block, its really triggering the promo block I am interested in: second image
  18. Hey Everyone, Maybe you can help me figure this out. I'm working on this site: www.vancouver2017.com I've utilized a lot of code that I have found through this forum - and I'm super happy with how the site has turned out - so thank you! Keep posting your answers and questions because it's incredibly useful. Anyway... I have a question that I haven't found any answers for yet. On the Speakers page (http://vancouver2017.com/speakers/) about halfway down, I have a gallery of 20 photos of people who will be doing a PechaKucha-style talk at our conference. It was suggested to me that I create a lightbox of their Bio when clicking on the image. Is there a way to get this done within the gallery block? If not, if there's a way to set up individual image blocks with the same result, I would be open to suggestions there too. Can anyone help me out with this? Btw, I am using the Pacific Template.Cheers, and thank you!!Brendan
  19. Site URL: http://www.cephtactics-dental.com Good afternoon all. Please can someone help!!!! I need to stop the login option on my site popping up every 10 seconds or so when you navigate the site if you are not logged in as a customer. Any ideas how to adjust or stop it popping up. - See the screen shot below. I don't want to turn off customer accounts though. Thank you in advance :))))
  20. Site URL: https://www.thehenleygroup.com/ I am trying to take away the underline from the pop-up button. A previous web person added a CSS that requires the underline for hyperlinks on the site. I found through Inspect Element that "body a" controls the underline, but I can't trace back what #block or #collection or #page to specifically use in CSS to get the underline to turn off. I tried the following as a test for one of the buttons, and it didn't work: #block-yui_3_17_2_1_1592286569957_333 body a { text-decoration:none !important; } Any help you can offer? Thanks
  21. Hello, I have successfully used this code to add pop-up text boxes when clicking on buttons/images on multiple Squarespace websites, but seem to be facing some issues with it on the website I am currently working on. Here is the code I used in the block: <div> <a href="#/" data-featherlight="#bio-zeinab"></a> </div> <div style="display:none;"> <div id="bio-zeinab"> <p> "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> </div> </div> Here is the code inserted in the page's header (line 1 is to remove the menu and footer on the page): <style>.header, #footer-sections {display:none!important;}</style> <link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> Currently, when I add the code to my page, a pop-up successfully appears, but the text is invisible (image 1). When I move my cursor over the text, the text select icon appears, and I can drag along the invisible text (yet no selection highlighting occurs). I know that the text is present - when I right click I can "look up" the selected text (image 2). Does anyone know how to fix this or why this is happening? Any help would be greatly appreciated! Thank you!
  22. I'm trying to use a button that says 'Play' similar to this That when clicked pops up a video in a lightbox. Anyone know how to do this?
  23. The default way to create a form popup in lightbox mode is to choose the option to replace the form with a button. Is there a way that I can make the form pop up with a text link instead? For example, clicking "Learn More" would open a lightbox form so that people can contact us.
  24. Afternoon all, I searched through the forums to find a relevant fix but couldn't find any, if there is one I apologize for double posting. I am trying to create a disclaimer pop-up using the promotional pop-up feature, however, the text is lengthly so it makes the popup fit the height of the page which isn't preferred. Is it possible for the text to be limited to an area, so the user can scroll through the body of the text within the pop-up? "image1" shows how it is currently when I try to place the text within the body of the pop-up. "image2" shows how I would like the popup size to be with a scroll option (standard size). I hope i'm clear, thanks!
  25. Hi I am running Squarespace 7.1 and I want that when someone clicks on a image instead of going to a new page a popup appears with additional information. Attached is an image for reference
  • Create New...