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

Search the Community

Showing results for tags 'button'.

  • 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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://hideawaycoaching.com Hi everyone, I hope whoever reads this is doing well. I'm wanting to show the CTA for my site, which is currently in the mobile navigation, in the center of the header. I can get it to show using the code below, but I can't seem to make it align into the center. Thank you so much in advance for any help. Code @media screen and (max-width:767px) { .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } .header-title-nav-wrapper { flex: 50% !important; } }
  2. Site URL: https://willlai.com when I hover the contact sending button, it can smoothly oversize. But I want that it can also smoothly back to the original size. https://willlai.com
  3. Site URL: https://https/www.kidsclubchildcare.com.au/ I have a client that wants a button like https://www.kidsclubchildcare.com.au/ has that is over the video. Now the background video is very easy, seeing as you can just set that in backgrounds. The button is what is killing me, for some reason i cant find how to do it myself. I know its probably needing some custom code, but i just cant to search google right to get the answer im looking for. If anyone can help i would be so crazy grateful
  4. Site URL: https://moose-sepia-m3gk.squarespace.com/ hello all, I am trying to change the "Order Online" to have an outline button for the link. I believe I did this before by starting with a template where the button was outlined, but on this particular site, none of the code I am trying is working. Here is the website: https://moose-sepia-m3gk.squarespace.com/ and pw: lipscafe-ss Here is the last code I tried: //button cta a.Header-nav-item:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 100px; } Any help is much appreciated! Thank you,
  5. Site URL: https://www.sanderswingo.com/buttons I need a little help fixing these buttons. Has any one had this issue, where the buttons get cut off at the bottom?
  6. Site URL: https://mackerel-avocado-y57z.squarespace.com/config/pages Hi I am using the Tepito theme for my website and have an indexed home page. When you see my homepage, there is a body of text with an arrow that sits underneath. I want that arrow to simply scroll down to the contents at the bottom of the page, just past the block of the first 2 photos. I'm also open to changing that arrow into a "Learn More" button if that makes adding in this functionality easier. How can I do this? Any help is much appreciated, thanks. Here is the page I'm referring to - https://mackerel-avocado-y57z.squarespace.com/config/pages
  7. Hi I would like to centre the button on my menu overlay as there is no other navigation links linked.
  8. Site URL: https://plantain-tiger-bjwd.squarespace.com/config/pages/60b8480265d7df4bcf8f97ed HELP ME please. When I create a new section on any page of the website it is greyed out. See screen grab attached. I can still add content to the section. As you can see there is a button and a coloured background. But why is there a white/grey overlay on the section? If I move the section up then the image gallery comes down into the second position, and has the grey overlay. So it seems it's the second section position which has the problem. If I create another section below the second one it's completely fine. I hope this is an easy one to fix. thanks! 🙂
  9. Site URL: https://watermelon-koala-napg.squarespace.com/bio-archidex password: singularity Hello! I'm trying to find a way to make the three buttons on the bottom of the right column ("<", "Get Archidex", and ">") to all float left and have a set pixel distance from one another that stays relative with content differences (I'll be using this code on many pages). So, all three will be pushed left in that column and be ~10px apart regardless of text length. I've tried width: fit-content with float: left, but that doesn't seem to achieve what I want. Any help would be enormously appreciated. Page-specific code is in a block at the bottom of the page above the footer. Thanks!
  10. Site URL: https://lascasa.squarespace.com/ Hi All, In the settings I have altered this photo to be a clickable button, is there a way though to not include it in the photo reel? Kind regards.
  11. Site URL: https://www.sarahbucklandcoaching.com/sfsa Hi! Password is: sbc (this section is at the bottom) Using flexbox for the 3 boxes here, but is it possible to make the buttons align to the center of the bottom border of the box? Like in this image: Thanks
  12. Site URL: https://hayesphonerepair.com Site URL: https://hayesphonerepair.com Hi, This is my first time posting here so I'm not sure if I'm in the right place, but I hope someone will be able to help me. I am looking to redirect the "Add to iCal" and "Add to Google" buttons from the confirmation stage of my scheduling page/block. Ideally I would like to only have a single "Continue to Checkout" button (/checkout) instead, or failing that to remove them both completely. I have found the way to change the wording of the buttons, but not the link itself. I hope I haven't missed an easy way to disable these, or someone else asking the same question. If anyone here would be able to assist with this i would be very grateful. Thanks for your time, All the Best, Jarrad
  13. Hi, I've been successfully pasting tags for Font Awesome icons into button text fields up until today when the icons suddenly disappeared. When I try to replace them, they no longer work. If I enter something like this: Learn more about us ī‚Šī¸<i class="fa-regular fa-circle-arrow-right"></i> I get this: Learn more about us ī‚Šī¸&lt;i class="fa-regular fa-circle-arrow-right"&gt;&lt;/i&gt; And no icon shows up. Squarespace support hasn't provided an answer. Has anyone else encountered this problem? Thanks, john
  14. Site URL: https://adjcreations.com I created a website for a client and there is a "join our list" button in the header. The button displays in some views and other times the button is cut off on the right side. Does anyone know what could be causing this and how can I fix it?
  15. Site URL: https://www.siftbakeshopmystic.com/reservations I want to change the color of the "Mix Reservations" button to order to match the branding for the restaurant located above the bakery. How can I change just the one button to orange?
  16. Site URL: https://podread.org/subscribe Hi Everyone, I'm hoping for some help to get these three buttons to sit alongside each other on mobile, so they're in one row / 1/3 each Site: https://podread.org/subscribe Password: READER Thanks in advance for your help!
  17. I want to move my ADD TO CART BUTTON next to the quantity button, right now they are stacked – mainly to reduce space on my website. Any ideas on what code to try?
  18. Hi, I figured it out how to make my website in two languages but only the navigation and pages. So the main button in header is still in one language. (donate button) Someone can help me with a new code ? or maybe some change in the code I already have in footer advanced injection section. THANK YOU! 🙂 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'fr'; var lang = location.pathname.split("/")[1]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "en") { $('a[href="/"]').attr("href", "/cover/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); }); </script>
  19. I have a blog page with different categories and buttons that lead to the different categorical pages; these categories being "all", "current", and "non-current". I am trying to find a way to change the button colors once you're on a certain page so that users can identify what page they are on more easily. My buttons are light blue at the moment but, for example, if I am on the "current" page I want the current button to be a different color or have an outline to distinguish that you are on the current page.
  20. Posting a solution to an issue I had...hopefully it saves someone an entire day of searching online for an answer. JotForm's embedded lightbox works in 7.1 but the button is ugly...and won't match your site styles. To make it match, replace btn in the last part of the embedded JotForm Code Block <a class="btn lightbox- 123456789012345 " > Button Name </a> with sqs-block-button-element--medium sqs-block-button-element It should look like this: <a class="sqs-block-button-element--medium sqs-block-button-element lightbox-123456789012345" > Button Name </a> And to center the button, put <center> on Line 1 of the code block and </center> on the last line.
  21. Hi, I'm struggling to find a way to add multiple font sizes to the button in the header section. Could anyone help with that?
  22. Site URL: https://www.rachelconstantino.com/free-breath-journey-thank-you-1%C2%A0 Hello everyone, I am hoping someone can help me with this issue. I've been searching the forum for hours and can't seem to find the answer. I want to create a CUSTOM form that opens when you click on a button. Using the "lightbox" will not work, because I cannot use the forms from squarespace. I have created my own custom form via my professional email account, aweber, that I put on my site using custom code. (I've tried to make a form directly on squarespace, set up lightbox, and connect it using zapier, but it doesn't work) So now I have the form up on my site, but I want it to be hidden underneath a button, and appear when someone clicks on the button. Is this even possible? Here is an example of a friend's website, and what I would love my button/form to look like --> https://www.intuitivegym.com/birthday-spread/?fbclid=IwAR3e-hYG3iMvIOBIZ46XZc5Ikx0c572hrBmXKQNvPozc3Ppg_TekbIR63aI Here is the page I am working on --> https://www.rachelconstantino.com/free-breath-journey-thank-you-1 As it is now, I have a button that opens a lightbox form... but the form doesn't work. Below is my custom form, but I don't want it to be displayed automatically. I am hoping to find a way where a button will activate the teal form that says "Join the waiting list for the Breathe & Be Community......" --------- Any help is greatly appreciated. Thank you
  23. Site URL: https://willlai.com/ I just used the anchor link to relieve back to top. But I got a problem from different page:( Hope someone can help me. Thanks
  24. Site URL: https://www.toronero.com.au Hi all Need some help - my brain is not computing with what style code i need to write to make this happen I just want to make these two buttons on this cover page the same length so they look symmetrical. Also I don't want it to affect it in mobile mode.
  25. Site URL: https://www.huntersgaragehydepa.com/ Hello! I would like to change the "Book Appointment" button color on the homepage to the color #0511F2, but I don't have the skill or the understanding to change it myself. If you can help me at all with my problem I would be very appreciative 🙂
  • Create New...