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://www.singlepointmedia.com Hi, A floating "Book Us Today" button was added to all pages of our website a couple of years ago. We love it since it stays present on every page, but we need to update the link for our new scheduling calendar. I have searched for details on how to update but coming up short. I thought it would be in Code Injection (and have searched everywhere), but can't find how to edit that button? We belive it was a Custom CSS Code added, but not sure. Any help is greatly appreciated! Thanks, Chris
  2. I have buttons on Poster Images, with a Button Separation of 70%. Is there a way of changing the Button separation from a percentage amount to a pixel amount - to ensure each button is exactly and perfectly aligned on the image on any screen size? Please see my image of the buttons below. The middle image button is slightly different to the two side ones. Thanks so much, Jack
  3. Site URL: https://alimck.com I wish to add a button inside my image card text but can't get the right position when using a Button Block. Is there a way to turn the text that says "Click here to book" into a button that respects the themes button styles?
  4. Site URL: https://knapsackcreative.com/ I ABSOLUTELY LOVE THIS BUTTON on the website below. https://knapsackcreative.com/ Was wondering if anyone's done the style and what the code is? I've also seen some great hover over buttons and wondered whether they're two images blending or what not?
  5. Site URL: https://www.ikhayaspa.com/ I'm looking for CSS code that would show an image on a button when hovered, thus replacing the text. This would be for just one button on a page with multiple buttons. Thanks in advance.
  6. Site URL: https://www.persimmoncountryclub.com/ I am trying to create a second button in my header next to the "Member Login" button. The template I am using only lets me have 1 button in my header. How would I go about adding a button to the right of the "Member Login" button?
  7. Site URL: https://www.berkshire-brewing.com/taproom All of the yellow buttons on this page are linked correctly, but none of them work https://www.berkshire-brewing.com/taproom Can anyone help us figure this out? many thanks!
  8. Site URL: https://www.iwpcapital.com/database-info-1 Hi! I'm working on a site that has a subscription service for an app they developed. Their are monthly, annual, two-year and three-year subscription plans. I have laid these out in columns but when viewing on mobile, the buttons don't stay with their subscriptions (which I understand due to responsiveness hierarchy). Anyone have a workaround/solution to get the buttons to stay with their subscriptions? Thank you in advance for any suggestions you might have!! 🙂
  9. Hi. I want to change the button to sign up for my newsletter to a Lightbox so you see just the button and when people click on it the space for name and email opens up. I tried to do it with the form block and visually it worked but apparently then it cant connect to the email storage. Thank you!
  10. Site URL: https://www.sarahmarguier.com I am looking to make the site title a link we can click on to go to another page. When clicking on the site title, the audience should arrive to another page. When on this page, if clicking on the site title, that should bring them back to the first page. Any suggestions / codes I could use to make my site title a link?
  11. hi y'all I want the background colour of the 'Checkout button' to be #4b0719 (maroon), and the font to be Adele (which is the sitewide font I use). @tuanphan @Agha_Waqas Thanks in advance Pete
  12. Site URL: https://www.ssteart.com I have created a back to top button on my site using this code: While it works great in pretty much every way I found that when moving to another page the button is already there as soon as the new page loads (it should appear while scrolling down). If I start scrolling down and then up it starts behaving normally, but I would like to fix it so that when loading a page the button doesn't show up unless I scroll down a bit. Would that be possible? Thank you.
  13. Site URL: https://www.laluneconsulting.com/stay-snoozin I'm creating a new type of sales page for my subscription service. There will be two different options to purchase laid out at the bottom of the page. I will have "Buy Now" buttons throughout to encourage purchase but I want them to link to the bottom of the page with the subscription options rather than link off to another page or external URL. Is there a way to do this in 7.1? The page is currently password protected. Password is "squarespace"
  14. Site URL: https://www.barrykatz.com/ Hello. For some reason, all of my button text on my site are vertically aligned slightly off-center (see attached image). Does anyone know why this is and how I can fix it to make the button's text centered vertically? Is this a css fix? All help is appreciated.
  15. Site URL: https://www.chalkrestaurants.com/ Hi, I've tried various bits of css suggested in related questions on here but no joy. I want to turn the last item (Book Now) in the navigation on my site into a square CTA button like in the footer. Can anyone help with the right css to do this? Thanks in advance.
  16. Site URL: https://www.londonwanders.com/ I would be really grateful if someone out there could help me please. I know nothing about coding, except how to cut and paste it! This same question was asked on here back in January but the answer was specific to that person's styling, and as I do not understand coding, I am really hoping, given the information below, that someone would kindly give me the code I need for my site. Thank you! Here’s the details: I’ve added a scripted Eventbrite ticket sales button to my website, which keeps customers on your website to make the booking, rather than linking to the external eventbrite page. This is a new and better way of doing things. BUT the E’brite “buy tickets” button looks terrible. I would like to style it the same as the red “book/book now” buttons already on my site. These buttons are links to the E’brite site. If I can style the scripted Eventbrite ticket sales button to look like the others, then I can get rid of the link buttons and just use the scripted embedded ones. On the “welcome” page of my site you will see the E’brite scripted “buy tickets” button and below this the standard Squarespace “book now” button, that is a link. Here is the code for the scripted button, and below that the styling details of my red squarespace button: <!-- Noscript content for added SEO --> <noscript><a href="https://missguideds-londonwanders.eventbrite.co.uk" rel="noopener noreferrer" target="_blank"></noscript> <!-- You can customize this button any way you like --> <button id="eventbrite-widget-modal-trigger-18924204806" type="button">Buy Tickets</button> <noscript></a>Buy Tickets on Eventbrite</noscript> <script src="https://www.eventbrite.co.uk/static/widgets/eb_widgets.js"></script> <script type="text/javascript"> var exampleCallback = function() { console.log('Order complete!'); }; window.EBWidgets.createWidget({ widgetType: 'checkout', eventId: '18924204806', modal: true, modalTriggerElementId: 'eventbrite-widget-modal-trigger-18924204806', onOrderComplete: exampleCallback }); </script> Styling details of my red Squarespace button:- Button block small Button colour hsla(352, 94%, 49%, 0.85) Text colour hsla(0, 1%, 7%) Small button style solid Small button shape pill Font Proxima Nova Weight 700 Style normal Size 16px Letter spacing 1.58px Text transform lowercase If anyone can help I’ll be incredibly grateful. Thank you very much!
  17. Site URL: https://www.tamshots.com/ Hey, I have used the "zion" template which is great. When you navigate on the homepage to "Portraits & Fashion" > scroll down > you are able to clickthrough to the next pages with the custom button that comes with the template. I love the looks of it and want to have those same buttons as well on my "Projects" page in the bottom. I have tried to recreate the portfolio homepage, but couldn't make that happen. Now I am fine with how my project page looks, the only thing missing are those same custom buttons as mentioned before. Would be awesome if someone is able to help me with this topic, thanks in advance!
  18. Site URL: https://www.dianasweets.ca/current-offers I'd like to resize the form block lightbox button to be larger and the font to be increased. Can anyone recommend how to target this specific block and make these changes using custom css?
  19. Site URL: https://www.ikhayaspa.com/ How would one add a left aligned button on an index section banner (poster image) aligned right that already contains buttons. I'd like to get one aligned left for effect. Any ideas or ways to do this?
  20. Site URL: https://www.eleanormccarthy.art I would like to add a Ko-Fi button on the side of my website, on all pages. Ko-Fi can provide code for a button, but I can't figure out how to make it float at the side of the page(s). Thanks!
  21. Site URL: https://www.coconutcoaching.com/ Hi, The buttons on my site are too small. When the site initially loads, they are nice and large, then when it completely loads, they change size. Customer Service says this may be due to using too much CSS, but I've removed all of the CSS and am still having the same issue. Any advice would be greatly appreciated! Thanks, Jessica
  22. Site URL: https://www.honeycuttboutique.com/ Hi. im trying to add the code <style> .product-price, .product-quantity-input, .sqs-add-to-cart-button-wrapper { display: none; } </style> to page>settings>advanced>page header injection (to remove the add to cart button on that whole page) but its not working for me. One of the style tags is highlighted and im not sure how to fix it. What should i do? I have version 7.1
  23. Site URL: https://www.uprise.academy/ Hi there, I'm looking to remove the CTA button from the top-right of my site, on certain pages only. For example, I would like the green "Request Invite" button to not appear on this page: https://www.uprise.academy/nomadmba But to still appear on other pages as default. Any advice on the code I could add to the pages where I want to remove that button? Any help much appreciated : )
  24. Site URL: https://blanktelastudio.squarespace.com/ Hey there, I'm wondering what code would be best to change the colour of the check out button on the Shopping Cart page in my store. I was able to change the hover colour in Site Styles -Colors but not the top ( black) color. I'm also looking to change the size of the "Shopping Cart" font on the same page. Screenshot: https://share.getcloudapp.com/d5u1dG1E
  25. Site URL: https://www.maslowproject.com/ Has anyone figured out a work-around to move the button in the header to another position besides the far right of the header? Usually, I'd like it there, but need to use a translation icon in the top right of the page which covers the button and I'm unable to move the button. Thanks for taking the time to answer about any solutions you have found for this. Best, Frank
  • Create New...