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://boldhumansco.com/ Hi! I want to replace the login button, which is currently just "Login", with an icon. The icon I want is attached below. A screenshot of what I have right now is below. I want the icon to be the same size as the shopping cart icon as well. The website is https://www.boldhumansco.com/, password is baldisbold. Any help is appreciated, thanks so much!
  2. Hi, I'm trying to align my button to the left in my header menu, to go before the social media links - is there code for that? I have already added code to for the mobile hamburger menu. AND is it possible to add an additional button beside it in the left aligned spot (same style, different link)? Thx!
  3. Site URL: https://www.runestock.org/ Hey I was wondering if its possible to connect squarespace buttons to livechat I'd like to have it where if you clicked check stock on a particular button it'd send a message to livechat with custom text based on the account theyre checking. Example: Checking availability for X account. Theres 29 Buttons so id like to know if theres an easy copy and paste method just changing the text abit. I know it's tedious but ive tried looking through google and no answers. The chat widget is tawk.to
  4. Hello all. I am very new to this website thing. I am in the process of trying to create a website for my portfolio. I am using the Beaumont template. I know less than zero about coding and website design by the way. For some reason my "buttons" (correct term?) on my home page that leads to the categories pages used to be nice squares and now they are cut off on the top and bottom. See attached images. I was playing around with formatting. I believe I was in Design-->Site Styles-->Buttons. I think the error occurred when I hit "reset defaults" as I was not comfortable with the changes I was making. Not sure what it was doing to be more accurate. See attached image of this menu Thank you in advance for any help.
  5. Site URL: https://iliafrancis.com/home i dont want the font to be the same as the border can't seam to find the place to go maybe CSS needed. Also im using Sonora and will like to add a button to the header right corner. can i do this with css?
  6. Site URL: https://zeronineobjects.co.uk hi, im having an issue with the 'store' button on my homepage. it has turned white for some reason and i cant get it to be dark grey like the other buttons that are on my 'about' page. i've checked the colour palette and there is nothing white selected so i'm not sure how to change it password is zeronine
  7. Site URL: https://helicon-smilodon-7dl4.squarespace.com/config/design Hi, I am putting together a one-page site to promote a book. I have a section that lists all the places where it can be bought from. I decided to group together multiple buttons for this, each one linking to the relevant online bookstore. However, the button size is determined by the length of the bookstore name written inside it. Is there a way to standardise the size of these buttons so that they form a neat grid? I have attached a screenshot showing how it currently looks at the moment. I don't know if this is relevant, but I am currently using the free trial and will soon sign up for the Personal subscription. Many thanks!
  8. Site URL: https://qrm-inc.com I'm new to squarespace, and I'm trying to have a "Careers" link button on my homepage in the top right of the header for aesthetic reasons, but I don't want this button to appear on the header for other pages. I figure this would involve either a CSS that assigns a custom header or one that hides this element on the header of other pages. Is this possible and does anyone have suggestions?
  9. Site URL: https://www.giftboxbysimona.co.uk/ Hello, We have a customise your own box section on our website and I want to try and find a way to lock the 'Start Customising' button, and the only way to unlock the button is by adding one of our boxes to the cart. The only reason for this is before you start customising you add a box to your order so you can customise the card and then press the 'start customising' button to start adding items. Thank you!
  10. Site URL: https://www.aldapdobbs.com/barefoot-dreams-of-petra-luna Hello, I created a "BUY NOW" Button that opens in a shadowbox where an image provides three choices of where to buy from. The button works great, but my issue is that somehow it is causing one of the link choices to "migrate" to all of the elements below the button. Below the button there are several Text boxes and they are now all hyperlinked to the "Barnes and Noble" page that the button links to. I have tried moving these to new page sections, but I can't get the link off of the text boxes. Any help would be appreciated.
  11. Site URL: https://www.linfactory.com/cart Hi There! A couple of questions and issues I'm facing when adding custom CCS to me shopping cart page: -All of the words on the page should be goldenrod color but for some reason the color of the words in a smaller font size seems darker then bigger size fonts -the remove item button seems to have disappeared, I think its because it blended in with the black background of the whole page. So if there is a way to change that icon into a golden rod color as well would be great -I would like the checkout button to be golden rod color as well with black font, also i would like the font of the word check out to match the rest of my site. Any advice or guidance would be greatly appreciated 🙏🏼 Thank you in advance! Site Password: howareyou
  12. Site URL: http://www.grahamwhat.com Hi, Currently when my site loads my portfolio will be showing. This is also the site title page. I'd like to have a "button" titled portfolio that is linked to this home page so when viewers are on, for example my contact page they could click the portfolio button and get back there. Currently it is just my site title / name that gets you back to the portfolio / home page. Hope that makes sense. Regards, Graham
  13. Site URL: https://cocoshalom.com/prints/harmonia Hi all, I manage a site for an artist who sells prints. When customers go to purchase prints, they are to select the size and colour of print that they'd like. The buttons for these two variants are rather ugly and I would like them to match the other buttons throughout the site. Please help! Thank you in advance!
  14. Site URL: https://vims.squarespace.com Site URL: https://vims.squarespace.com/config/ Hi, I'm trying to delete a button in Corrigan and having a hard time. It's a button that's included automatically when I insert a Section by clicking the blue plus. When I click edit and then hover over the button, I'm not given an option to edit or delete it. Hope that's clear. Thank you in advance.
  15. Site URL: https://www.atownwings.com/columbus Is there a way to insert a checkbox that must be checked in order for a button to be unlocked? Example: ☐ I agree I am ordering from the xxxx location. (Order Online button) The order button would only be clickable when the user checks the box.
  16. Site URL: http://hachikin.com/ Does anyone know how to add a link button at top-right corner to the site header of the Carson template..? I'd be grateful if you can help me. Thank you!
  17. Site URL: https://brainandbabes.as.me/schedule.php Hello, Is there any way to customize the payment buttons in scheduling? I find it irritating for customers when it says "Pay Now" and "Pay with PayPal". I would rather call the top button "Pay with credit card". Thank you and greetings Anil
  18. Site URL: https://www.peoplemover.blog Hello and thanks, in advance, for any help you can provide. I'm putting together a site (currently protected with password 'gotcha') with multiple very similar pages, each with a large logo for one vlogger at the top-center and a horizontal row of customized buttons leading to the youtube, instagram, etc, just below the logo. For the first such page, there are only two buttons. For viewing on mobile, I was able to get the buttons resized and use the following bit of code to get them side by side: @media screen and (max-width:640px) { div#page-section-60388985ada53d690ced0e9e .span-12>.row:nth-child(2) .span-6 { width: 50% !important; float: left !important; } } Now, pages for other vlogs may have four or more social media buttons, and I'd really like them to appear in column of two (as much as possible) on mobile. How would I go about getting, essentially, two or three rows, each two buttons wide? If I apply the same code to the page with four buttons, the result is still a vertical stack of buttons just with the last two buttons shifted to the left. (I've looked all over and seen answers to similar questions, but none have worked. Either the answer didn't fit or I'm missing some key element.) ~ErikvdO
  19. Site URL: https://www.madeinbed.co.uk I have been trying to edit the custom css to change the button on the home screen for the dropdown menu and now its not working. Please can someone help me. The Custom CSS looks like this now- @media screen and (min-width: 0px) { [data-folder="root"] .header-menu-nav-item a {padding: 10px 2vw; margin: 0;} .header-menu {max-width: 50%;} @media screen and (min-width: 0px) { [data-folder="root"] .header-menu-nav-item a { padding: 10px 0vw; margin: 0; } .header-menu { max-width: 100%; } } [data-folder="root"]{.header-menu-nav-item a{padding: 10px 5vw;}.header-menu-nav-folder-content{justify-content: space-evenly;margin-top: 20px;margin-bottom: 20px;}}.header-menu-nav-folder-content{justify-content: flex-start;}.header-menu-nav-item a{padding: 20px 5vw;}.header-menu-actions{margin: 15px 20px;}.header--menu-open:not([data-menu-overlay-theme-switcher="true"]) .header-menu .header-menu-cta a{margin-top: 20px;}.header-menu-nav-folder{transform:translate(0, 0)!important;}.header-menu-nav-folder--open,.header-menu-nav-folder:not(.header-menu-nav-folder--active){opacity:0;pointer-events:none;transform: translate(0, 20px)!important;transition:all 600ms cubic-bezier(.4,0,.2,1);}.header-menu-nav-folder--open + .header-menu-nav-folder--active{opacity: 1;}#header[data-current-styles*="NavRight"]{.header-menu{left:auto;right:0;}.header-menu-nav-list,.header-menu-bg{transform:translateX(100%);transition:all 600ms cubic-bezier(.4,0,.2,1);}}.header--menu-open #header[data-current-styles*="NavRight"]{.header-menu-nav-list,.header-menu-bg{transform:translateX(0);}}.header-menu-nav-item{padding-left:30px;padding-right:30px;a{padding-left:30px;padding-right:30px;}}.header-menu-nav-list{transform:translateX(-100%);}.header-menu-bg{transform:translateX(-100%);transition:all 600ms cubic-bezier(.4,0,.2,1); }.header--menu-open .header-menu-bg{transform:translateX(0);}.header-menu-nav-folder{overflow-y:auto;}.header-display-mobile{display:flex}.header-display-mobile .showOnDesktop{display:none}.header-display-desktop{display:none}.header-display-desktop .showOnMobile{display:flex}.header-title{flex-grow:1}.header-burger{display:flex}.header-nav{display:none}.header-layout-nav-right .header-title{flex-grow:1}.header-layout-nav-left .header-title{flex-grow:1}.header-layout-nav-center .header-title{min-width:0;flex-grow:1}.header .header-burger{margin-right:0;align-items:flex-end;justify-content:flex-end;flex:0 0 50px;width:50px}.header .header-burger.no-nav-links.no-actions{display:none}.header .header-actions--left{display:none}.header-actions--right .header-actions-action--cart{margin:0}.header .header-title-nav-wrapper{flex:1 0 calc(~"100% - 50px")}.header .header-title-nav-wrapper .header-title{margin-right:0;flex:1 0 100%;text-align:left}.header .header-title-nav-wrapper .header-nav{display:none}.header .header-actions,.header .header-actions-action--social,.header .header-actions-action--cta{display:none}.header .header-layout--with-commerce .header-burger,.header .header-layout--with-user-accounts .header-burger,.header .header-layout--with-button .header-burger{margin-left:0;margin-right:0;flex:0 0 50px;width:50px;align-items:flex-start;justify-content:flex-start}.header .header-layout--with-commerce .header-title-nav-wrapper,.header .header-layout--with-user-accounts .header-title-nav-wrapper,.header .header-layout--with-button .header-title-nav-wrapper{flex:1 0 calc(~"100% - 100px - 2vw")}.header .header-layout--with-commerce .header-title-nav-wrapper .header-title,.header .header-layout--with-user-accounts .header-title-nav-wrapper .header-title,.header .header-layout--with-button .header-title-nav-wrapper .header-title{margin-right:0;flex:1 0 100%;text-align:center}.header .header-layout--with-commerce .header-actions,.header .header-layout--with-user-accounts .header-actions,.header .header-layout--with-button .header-actions{display:inline-flex;flex:0 0 50px}.header .header-layout--with-commerce .header-actions--left,.header .header-layout--with-user-accounts .header-actions--left,.header .header-layout--with-button .header-actions--left{display:none}.header .header-display-mobile.with-button .header-title-nav-wrapper{flex:1 1 80%}.header .header-display-mobile.with-button .header-actions{flex:1 0 100px}.header .header-display-mobile .header-burger.no-nav-links.no-actions{display:none}.header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-burger{justify-content:flex-end}.header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-actions{justify-content:center}.header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-title{text-align:left}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-burger{justify-content:flex-end}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-actions{justify-content:flex-start}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title{text-align:center}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text{padding-left:50px}.header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-burger{justify-content:flex-end}.header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-actions{justify-content:flex-start}.header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-title{text-align:right;padding-right:10px;flex:1 0 calc(~"100% - 50px")}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-burger{justify-content:flex-start}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-actions{justify-content:flex-end}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title{text-align:center}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-text{padding-right:50px}.header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-burger{justify-content:flex-start}.header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-actions{justify-content:center}.header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-title{text-align:right}.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-text,.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text{padding:0}.header .customerAccountLoginDesktop{display:none}[data-mobile-header-editing="true"] .header .header-title--use-mobile-logo .header-title-logo{display:none}[data-mobile-header-editing="true"] .header .header-title--use-mobile-logo .header-mobile-logo{display:block}[data-mobile-header-editing="true"] .header .header-title--use-mobile-logo .header-mobile-logo a{max-height:30px}[data-mobile-header-editing="true"] .header .header-title--use-mobile-logo .header-mobile-logo img{max-height:80px}.header-menu{transition:visibility 600ms cubic-bezier(.4,0,.2,1),opacity 400ms cubic-bezier(.4,0,.2,1)}.header--menu-open .header-menu{opacity:1;visibility:visible}.header--menu-open .sqs-mobile-info-bar-content{z-index:10}#header .header-menu-cta{transform:translatey(0)}} //End Mobile Slide Out on 7.1
  20. Would like to add a button or at least a CTA under the description on each page of this slideshow. Is there a way? Thank you!
  21. Site URL: https://www.caminodelvino.co.uk Hi all, I sell wine and I'm wanting to offer people a discounted price if they purchase over a certain number of bottles (i.e 5% for case of 6). Even though you can add variants of a product (in this case, 6, 12 etc @5%, 8% etc ), this could become particularly confusing for the consumer, say, if they wanted to order 8: the customer would need a combination of two variants (1x6, 2x1) at different price points. I thought a nifty way around this issue would be to duplicate the product and create a new multibuy offering (eg. case of 6 @5% off) as a new listing. The the customer can find this 'Case of 6' if they were to use a click-through button from the original product page. I have two questions then: Firstly, is this a far more complicated way around than the variants option currently available? If it's not entirely crazy, then is this something that can be done?!? Any comments welcome 🙂
  22. Site URL: https://www.nsecond.com/shop/p/microtomini Hi! How to add a "OR" between the add to cart + buy from amazon button? And how to change one of the button color? Thanks
  23. Site URL: https://www.maxnorman.co.uk/voiceover Hi all. Two questions...hopefully straightforward... I'm a voice-over artist and I'd like potential clients to be able to download samples of my work to their computers. I have uploaded these mp3 files to my site at the top as you can see. I would like a simple button next to this so they can download it. How can I do this? I'd also like to embed videos to cut out the YouTube middle man. Is there a way to do this, please? Thank you! Max
  24. Site URL: http://www.ellesat.com/about Hi all, I'm trying to add individual scheduling buttons to my page but had a hard time tweaking the Acuity stettings to match the other buttons on my page. I've tried to create the Booking button with the code blocks from the Acuity page, and then change the class to points to to the style used by my default Squarespace buttons, but when I do this the popup functionality is lost. On this specific page, I want the "Book Now" button under Anita to behave in the same way as the "Schedule Appointment" button under Julian, but I cannot seem to figure it out. Code for each below: JULIAN: <a href="https://app.squarespacescheduling.com/schedule.php?owner=19478098&owner=19478098&appointmentType=19649138" target="_blank" class="acuity-embed-button" style="background: #40005c; color: #fff; padding: 8px 12px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Schedule Appointment</a> <link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/19478098.css" id="acuity-button-styles" /> <script src="https://embed.acuityscheduling.com/embed/button/19478098.js" async></script> ANITA: <center><a href="https://app.squarespacescheduling.com/schedule.php?owner=19478098&calendarID=3874682" target="_blank" class="sqs-block-button-element--small sqs-block-button-element" style="background: #40005c; color: #fff; padding: 8px 12px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Book Now</a><link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/19478098.css" id="acuity-button-styles" /><script src="https://embed.acuityscheduling.com/embed/button/19478098.js" async></script> Really don't get why changing the class would break the popup functionality!
  25. Site URL: http://lizphillipstherapy.ca Hi folks, I want to either add a PayPal button or the HTML code in a PayPal button to an existing SS checkout button on my website because I want to charge the customer the transaction fee instead of paying it myself. The PayPal button allows me to do that. But I can't seem to add it or to alter the code on existing buttons. Thank you!
  • Create New...