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
    • 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

  1. Site URL: https://www.goodservice.coach/customer-led-maturity Hi, OK, this is a newbie question sorry. I'm trying to get the top 3 CTA buttons (FREE 30-MIN CALL) on this page to call the following code and display it as a popup. <!-- Calendly link widget begin --> <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script> <a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/tony-goodservice-coach/c
  2. Site URL: https://dachshund-cone-m729.squarespace.com/ Hey! I'm looking for support to help center align this button on tablet (1024px) and mobile view only I know the block id! I just don't know how to format the css correctly. I was able to center all the buttons on the page - but I'm just looking to center this one only! #block-yui_3_17_2_1_1604013419257_38280 See image
  3. Site URL: https://qerkoweb.squarespace.com Hey guys, i have the product page with 3 same-level main pages. You can browse there using 3 links in navigation. What i need to do, is make different button link for every page, because i need navigate visitors of website to different places depending on who is the user. 3 main pages and types of visitors: Pro uživatele (For users) – http://onelink.to/s5tgqq (leading to different stores depending on platform) Pro restaurace (For restaurants) – typeform script Pro obsluhu (For waiters) – same typeform script https://qerkoweb.squaresp
  4. Site URL: https://www.caiobelfiori.com/button-test I am trying to apply the same css code for one of these 2 first buttons ( "hover me" and Shop Now"), created with a markdown, but when I try to apply to a Squarespace native button ( "Learn More") I haven't been able to. Could you tell me how to do this? Thanks so much
  5. Site URL: https://dachshund-cone-m729.squarespace.com/ Help! I have two buttons beside each other. The one of the right I coded with css because I needed it different colors. The one on the left changes shape (as I change the screen size) but the other one doesn't. I'd like it to have the button on the right stay it's same length (full length) until it reaches mobile / tablet size. How do I stop it from looking like this! (see image)
  6. Site URL: https://www.theemailschool.com/ Hello. How do I force button to open link to email in new tab?
  7. I am trying to create an acceptance button using the code provided below. I can not figure out how to hide the text above when the text below is shown. I know there are much easier ways to make an acceptance button but this is just how I wanna do mine. Any help on the topic would be greatly appreciated. I honestly don't even know what language this is to be exact. It looks like javascript to me but my friend tells me its not. <script> /* This script is a custom script to control the 'show' / 'hide' extra feature. To use: give each button you want to make an expander a
  8. Site URL: https://grouper-brass-drm9.squarespace.com/cart I could really use some help. What I want to achieve is for visitors to select a product and variation, complete the custom form I added and submit the form. I will not be selling any products on the site but rather generate inquiries as to my printing services on the specific products. I do need to load the products as products as there are quite simply too many products and variations to do it any other way. I was thinking that the easiest way to achieve my goals would be to 1. hide all prices and quantities (I have done so on
  9. Hi, I have managed to use custom css to get a burger menu on desktop view. How do I get my button to go one side of the header (left) and the menu the other (right) with the logo in the middle? Currently my menu is on the right next to the button. Thanks Lily
  10. Site URL: https://cowbell-ocelot-45a6.squarespace.com/ Hi, I've made the hover buttons using html - but I'm looking to make the text hyperlink to a specific page as well. So the two work together but also individually. What's the best code to do this? Cheers,
  11. Could someone please tell me how I can add a button like the image below to my own images in the Marta template?
  12. Site URL: https://moreland.edu Hi all, I'm trying to add a second button in a vertical stack (underneath APPLY NOW) in our header menu. I can use JS to create a new div similar to the existing button: <div class="header-actions-action header-actions-action--cta" data-animation-role="header-element"> <a class="btn btn--border theme-btn--primary-inverse" href="/teach-now-application-form-redirection" target="_blank">APPLY NOW</a> </div> I can insert that into the parent div: <div class="header-actions header-actions--right"> <div
  13. Site URL: https://chicagotoollibrary.org Our website uses the Bedford template and I'd like to add a second button to our navigation bar that has the same styling and hover effects as our existing button, but with a different color. I've been able to hack some code to get another button, but can't manage to get the transparent button that fills when you hover. Help?
  14. Site URL: https://clavichord-dahlia-ke4t.squarespace.com/ Hi, I am trying to see if it is possible to code in an extra button (making there be two) on the overlap image card? Thanks!
  15. Site URL: http://lakerenfaire.com/ Ciao Everyone! I have been able to make the change to the buttons site-wide to use the styling of a "background-image" to replace the buttons on the website. However, I am still have some trouble getting the buttons to format to the correct size. When using the "background-size" as "cover" the image does not display larger enough center the button text inside the button. Setting the the size to contain creates a very small image. Additionally I have have tried setting the size to auto and set parameters, but was still having to set a width which did st
  16. Site URL: https://www.classfivemind.com/freetraining Does anyone know how to change the text color on a Lightbox Form button? I want to change the white text to black text in the blue CTA box.
  17. Site URL: https://www.rewiringamerica.org/home-household-savings-adjustment Hi all, A version of this question has been asked a few times before but I haven't found the right answer quite yet: I have a section of my website which has four CTAs, consisting of three standard buttons linking elsewhere as well as one Lightbox button which opens a form (see below). I'd like to get the lightbox button to be the exact same format as the other buttons. I've changed the Button formatting so they're synchronized with: /* Large Button Styling */ .sqs-block-button-elem
  18. Site URL: https://dachshund-cone-m729.squarespace.com/ Hey! I need to change the second button to transparent with white text!! How do I do this without changing the other button's colors! See image!
  19. Site URL: https://cimarronhc.squarespace.com/ I've used a poster image block, but would like to customize the button so it's placed at the bottom of the image. Is this possible with coding? Also, is there a way to have more than one color of button in your site's theme? Or can I customize the color of some buttons? password is super high security: password
  20. Hello, I need to change the text on the button when checking out. I am using the subscription option for my products, so by default when having entered all the information about payment, the last button reads "subscribe", which is not legally acceptable in my country. It needs to read a legally very limited phrase. Is there a way to change the text on the final button of the checkout page? I'm happy about any suggestions.
  21. Hi, I was wondering how I can recreate a hover button like the images below. I would like to have a simple arrow button take clients to a different page. Thanks!
  22. Site URL: https://fuchsia-turkey-ztb5.squarespace.com/config/design/custom-css Hey all, how can I adjust these buttons to be uniform and have the same padding between them? Adjusting the font is totally fine if necessary, but I need the words to be inline (no line breaks, no stacking) and the buttons to conform to the same width and padding spacing. Below is an image of my problem (by the way, I still have more buttons to put, I have to put 8 buttons in a row for this specific objective)
  23. Site URL: https://cowbell-ocelot-45a6.squarespace.com/ Hi, I've made the hover buttons using html - but I'm looking to make the text hyperlink to a specific page as well. So the two work together but also individually. What's the best code to do this? Cheers,
  24. Hello, I am wondering how to get my button block to be transparent here. I can see my image underneath but can not get the button to be transparent. It worked for my medium buttons and large buttons, but this one is in am image block. Please help.
  25. You're supposed to be able to format the navigation bar so that a button shows up to the left of the hamburger menu button. For some reason, the Pulaski template ignores this formatting rule and sticks the button inside the hamburger menu at the bottom. I don't like that. I want a call-to-action button (not just a link) directly in the navigation bar on mobile. It works fine on desktop, but mobile is broken. How do I solve this?
  • Create New...