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.theextinctcompany.com I'm wondering if there's a way to make a button that automatically redirects people who click on it to their respective regional amazon store? I am not an amazon affiliate - so OneLink wouldn't work. Just hate that my book website has 12 buttons for buying the book - doesn't look good. Thank you.
  2. Hey folks, struggling to get the css to do a button like this one attached, anyone know? Plan to add in a "click" effect too.
  3. Site URL: https://turtle-broccoli-z9zz.squarespace.com/config/design/custom-css I have multiple buttons in my header, and I did this by using the code pasted below. In order for the code below to work, the buttons have to be linking to other pages. That works for one of my buttons/pages, but my other button needs to link to an anchor tag in the footer instead of a separate page. Could someone (@tuanphan—I'm always grateful for your responses) help me with some code that would allow me to have two buttons in the header to the left of my social media links where one button links to the anchor tag in the footer ("Contact" in attached screenshot) and one button links to a page ("Login" in attached screenshot) with this also working on mobile? Thank you so much! — — — // 2 Navigation Buttons // .header-nav-item:nth-child(4) a, .header-nav-item:nth-child(5) a { background: #ffb549 !important; color: #FFFFFF !important; width: 80px; border-radius: 0px; text-align: center !important; } // Navigation Padding // .header-nav-item a { padding: 8px !important; } // Active Navigation Line // .header-nav-item--active a { background-image: none !important; }
  4. Hi there, I hoping someone out there can help me to customise a quantity button. The style of the qty button on my shop/product page is ideal (nice light grey lozenge) and all I'm trying to is code the other qty button on the main site pages to look the same. (pics of both attached?). Any help would be amazing!
  5. Site URL: https://thegoodofthehive.squarespace.com/about Hi everyone! When I scroll on my site, there is strange shadow that appears on my buttons. I've looked at the CSS and can't find anything that would cause it. I experience it on chrome, but not in Safari. Any advice? pw: BusyBee Thanks!
  6. Hi guys! I'm developing a website for my team & our game, it's still unpublished and I am not a coder. I've been copy and pasting code from forums like this, but I cannot find a solution to my problem. I am using template Arcade, and it comes with a button in the header, and I tried to code the button to have a customized image for kickstarter. It worked but somehow ended up globally changing my buttons on the website that weren't attached to any forms with the image too, and I am not sure how to fix this. To reiterate, I want the button in the header to be made up of one image, and the rest of the buttons across my website to be at their Squarespace standard. Here is my whacky code job haha: #collection-6111d4c5204fc230432c176d .sqs-block-button-element, .image-button a, .header-actions .btn { background-image:url(https://static1.squarespace.com/static/6111d2b852ec4414e44c7e2c/t/6148f20ab2c5c83c3c9623a9/1632170506583/Kickstarter-Logo.png); background-size:cover; color:transparent; text-shadow: none; border: 2px solid white; &:hover{ border: 4px solid white; margin:-2px; } &:active{ transform:scale(.98) } }
  7. Site URL: https://www.patricialindner.com/ I used code to make my site multilingual. I would like to have two buttons to switch languages, english and german. I would like the buttons to be transparent with just a white outline and white text that says EN and DE. Can anyone help with this? I would like these buttons to be in line with the nav links if possible. site password is Patricia. Thanks!
  8. Hi, I used code to make my site multilingual. I would like to have two buttons to switch languages, english and german. I would like the buttons to be transparent with just a white outline and white text to replace the text that is there now (see screenshot). Can anyone help with this?
  9. Site URL: https://hexahedron-saxophone-b9wb.squarespace.com Hello, My client has asked that I add two more buttons identical to the one I have in my header currently, either having three next to each other, or three stacked one on-top of another and I cannot figure it out. How can I add 2 more buttons to my header navigation? And custom change the colours? Thanks so much!
  10. Site URL: https://danielleedneyhomes.squarespace.com/ Im trying to fix the hover on my button, currently the hover goes outside the actual button its in a code block with: <div class="button"> <span style=" border: 2px solid #fff; border-color: #fff; border-radius:5px; padding-right:1.4em; padding-left:1.4em; padding-top:.35em; padding-bottom:.35em; font-size: 13px; font-weight: 600; "> CONTACT </span> <p> and then in the CSS is .button { transition-duration: 0.4s; } .button:hover { background-color: #000; /* Green */ color: white; } it's the contact button at the bottom. Thanks!
  11. I think I need fresh eyes, can anyone explain what isn't working with my css? I have fixed buttons on the sides of my pages. I had them working on desktop and mobile, but tablet wasn't showing up because I had messed around with it too much I think. so started over using the side that worked perfect and got it to show up on tablet but now on desktop and tablet one button is not fully to the edge, mobile is fine. Previous code that some how worked on desktop ( was full width, worked on desktop and mobile wouldn't show up on tablet) New code that works on mobile, desktop and tablet but now doesn't sit flush to the edge on desktop and tablet.. see screenshot for where its sitting, I cant seem to move it over any further then that on both desktop and tablet? site is : https://flugelhorn-seahorse-lzrb.squarespace.com/?p pw: design123 buttons are on the portfolio pages any suggestions is much appreciated
  12. Site URL: http://hotelflorencespa.com/ I am having trouble getting a widget to work properly on both desktop and mobile. It works fine on desktop, but unresponsive on mobile except for the default button included in the navigation menu. Here are the instructions from the provider, which I have followed to the letter - https://support.boulevard.io/hc/en-us/articles/360016464912-Installing-the-Booking-Widget-Squarespace Again, works fine on desktop, but simply doesn't open on mobile.
  13. Site URL: https://www.sorarefootballguide.com/ Hello everybody Need some help. I want to add a icon (from the website font awesome) into a button. icon is from here: https://origin.fontawesome.com/v5.15/icons/futbol?style=solid i ve tried to follow this instruction (see link below), but didnt work: https://zaycreative.co/blog/icon-squarespace-button thank you very much for your help!
  14. Site URL: https://michalash.com/home Hi there, I am working on this website for a client and I cannot figure out how to ensure my buttons stay side by side on the mobile version. They always end up stacked like this. Any custom CSS solutions out there? Thanks in advance, appreciate all the help!
  15. Site URL: https://www.drmehri-aesthetic.com Hey there, So our website have this floating button on the center right (Promotion) is there a way to put a delay to that button when scrolling? And how can I also hide the button on a specific page? Because it shouldn't show on this page https://www.drmehri-aesthetic.com/booking-undereye-filler Thank you!
  16. Site URL: https://marcoleone.it/bud-light Hello! I'm having issues with buttons alignment with the mobile version of my website portfolio. The ideal would be to have all three buttons aligned at the bottom of the page. Is there any way this could be fixed? Thank you for your help. Marco
  17. Site URL: https://sealion-aqua-6cgh.squarespace.com/ Password: PartTwoDesign I want to add padding between the banner slideshow and the "View Case Studies" button - when I affect the "Space Between Elements" in the built-in spacing settings, it also affects the overlaid captions which I don't want... So it looks like I'll need some custom css? Thanks for any help!
  18. Site URL: https://sealion-aqua-6cgh.squarespace.com/ Password: PartTwoDesign 1 Social Media Icons I'd like these to change to orange on hover only - I've searched the forum but can't seem to find the right code. 2 Footer links Currently I have used the below css to make the links in my footer change to orange on rollover: /* footer links hover color */ footer.sections a:hover { color: #FD8355 !important; } However, I need to add code that prevents the button in the footer from being affected? 3 Buttons On that note, is there a way to define the hover colour on all buttons under a particular colour theme? TIA!
  19. Site URL: https://mosaic-1056.squarespace.com/config/%20or%20www.rebeccaboltonbydesign.com For some reason the arrow (see in screenshots uploaded) is coming up in a colour that is not in my colour palette. I have looked through the design section to see the specific colours and that colour isn't coming up in the panel however is still appearing on the website. Does anyone know how to fix this or remove the arrow?
  20. Site URL: https://www.gerafoundation.com Hi, I'd like to align two buttons side by side in the mobile view of my website. Ive seen my question asked several times before on here where a CSS code is the recommended solution. I'd like to apply this affect to specific pages on my website and not the entire website. I cant figure out which part of the CSS code targets the specific page. Can someone help me with this? I'd like to have the "prev" and "next" buttons side by side, however they currently become above and below only in the mobile version, example https://www.gerafoundation.com/james
  21. Site URL: https://www.intuitivedesign.group/links Hey all. I searched and it seems like the ONLY way to do this is with a 50$ license to a third party product which is ridiculous. Square Space has to have this enabled somehow. So - how can I put a button on my page that when clicked, pops up a email/name grabber that is linked to my SS Marketing List? I see lightbox options to put this to a Spreadsheet which is useless for automations in email, and I see a paid third party, but this seems like it's a basic function of this website builder that does not exist for some reason. How can I do this within the squarespace ecosystem (that I've paid a lot of $$ for already)?? THANKS!
  22. Site URL: http://flavorofindiacolorado.com/ Hello, My website used to have a button that no longer works and just appears as text. I cannot figure out how to fix it back to the button. It was suggested to me that I post my coding to see if anyone can help.... The text says "Order online for pick up" and it is on every page of the site. Thank you! .button-wrapper { display: block; text-align: center; margin-top:5px; padding-top:5px } .button { border: none; border-radius: 1em; box-shadow: 0px 1px 0px rgba(0,0,0,.2); display: inline-block; font-size: 1em; padding: 0.3em 1em; width: auto; } .cta-button { background-color: #C23020; color: #fff !important; margin-top: 5px; } .cta-button:hover { background-color: #e8c6c2; } <html><body bgcolor="#696969"> <center> Need Help? Call Now <a class="button cta-button" href="tel:303-682-9010">(303) 682-9010</a></br> <strong>Hours of operation:</strong> <strong>Lunch:</strong> <strong></strong><u>Tuesday-Sunday 11:00am to 2:30pm</u> <strong></strong> <strong>Dinner:</strong> <strong></strong><u>Tuesday-Sunday 5:00pm to 9:00pm</u><strong></strong> <strong>Mondays: Closed</strong> </center> </body> </html>
  23. Whenever I'm using "card" style design for an image, there is a giant space between the text and the button. How can I remove that space? One of the pages I'm having this issue on: https://www.yawny.blog/blog-posts/sapphic-books-september-2021
  24. Site URL: https://trainverce.com/ I'm trying to get these buttons side by side on mobile view
  25. Site URL: https://disegnojournal.com/shop/p/disegno30 Hi there Due to changes in VAT for sales from UK to EU, we need to add a 2nd 'Add to Cart' button on product page so that EU customers are directed to a third party fulfilment service. Please can I get help with the code to do this please?
  • Create New...