Jump to content

Search the Community

Showing results for tags 'button'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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. I'm attempting to customize my site heading and finding some roadblocks. Essentially, I'd like the desktop and mobile site heading to be different. On desktop I'd like to have text that says the business's address and phone number. On mobile, I'd like a button that people can click on to call automatically. I've successfully added both these elements, but haven't been able to customize the view so they aren't competing on desktop view. I'm having an issue with disabling the button from displaying on desktop screens. Is there code I can use to hide the button on displaying on desktop, so that it only displays on mobile and doesn't obstruct the CSS text addition? Thanks! PASSWORD TO VIEW SITE: Maisy
  2. Hello, It would be great if someone could help me with an issue - the cart button is not visible on the mobile version of our website. I have enabled the express checkout so that our clients could do their shopping but it is not a great solution if they want to buy more than one item. Our design is 7.0 version brine family, Foster Juice co. Thank you very much in advance! the website is collanaverde.com Indre
  3. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-adxpt How can I make my page buttons transparent with just a 2px outline in white, and slightly wider? But only for this page, not on my product pages. Page = https://bluebird-porcupine-yzdg.squarespace.com/home-adxpt Pword = bluebird Thank you!
  4. When Im on my mobile menu, the book button hides behind the mobile information bar. Photo attached. How do I fix this via coding?
  5. I'm trying to create a bilingual site and would like to have the language links as buttons on the header navigation, but it seems Squarespace 7.1 interface only allows for one custom button, social links and cart in the header navigation. I created a PT button for the Portuguese site and would like to create another button, EN for the English site. It there any way to add another button via code to the site header?
  6. Hello there! I am trying to hide the header button on one page only - the "prendre rendez-vous" (book an appointment) page. My client wants the users to read the information on the page first before booking. So, only the second button above those informations stays 🙂 Thank you for your help!
  7. Hi all, I am creating a website to showcase and sell ceramics dolls. The intended navigation is for visitors to first go to this overview page (attached picture) with all the dolls where they can click on the ones they are interested in (or add to cart), this would lead them to the dolls' respective pages with their stories, detailed pictures and purchase button. Currently I am using the auto layout section for the dolls overview, however would like to also add an add to cart button for each dolls beside the more detail button (where the yellow boxes are) and also to be able to link the pictures of the dolls to their respective page, is there a way to do this? Or did anyone do it before? Looking forwards to some advice. Thank you in advance!
  8. Site URL: https://www.crossfitulysses.co.uk/health-and-fitness-challenge My 1st use of the forum so apoligies if its inthe wrong format I found code to hide my banner (got that working) 1st- I would like to see if i can move my form button into the header 2nd- Its our only call to action button on that landing page, can i replicate it? https://www.crossfitulysses.co.uk/health-and-fitness-challenge
  9. Site URL: http://www.thenajinproject.squarespace.com Hi, I'm needing help adding these behaviours to the "back to top" button on my site: For it's background to be a white circle For it to only appear after the user has scrolled down I would also be so grateful if you can help me understand why the code block that sits in my footer for this button is so large in height on mobile. And help me reduce it so that the footer on mobile isn't huge. Site password: Fatu
  10. I'm finalising building a new site for a new business which I'm about to launch. I'm using the Crosby template in 7.1. I need to be able to add a second button alongside or beneath the default 'add to cart' button on my product pages. Does anyone have any idea how I can do this? I've searched but so far have been unable to find an answer. It seems like it should be a fairly simple thing to do hopefully. Any help much appreciated. Many thanks. Phil
  11. Hey everyone! I'm trying to get all my buttons to be the same length on this page but I can't figure it out. I tried using this and it didnt work: #collection-63c8097b9f57561f5d604f40 { .sqs-block-button .sqs-block-button-element--medium { width: 360px !important; max-width: 70% !important; } } Thoughts?
  12. Hi! I just added the 'Bulletins' button to the heading navigation here: https://www.saintandrewpasadena.org/. I can't get it formatted to match the other heading links in the smaller white font. Any tips?
  13. Hey Squarespacers -- I'm a bit stuck. I have a site that the client has maxed out the gallery section (250+ images). They want to continue to add images over time so I need to split the images into separate galleries. As you can see on the current page there is a filter plugin that allows the user to filer the images. I'm thinking of setting it up with buttons to hide and show sections with the different galleries in place. Similar feel but would fix my maxed out image issue. Problem is, I'm stuck on the code! Anyone have experience doing this sort of thing that can share?
  14. Hello! https://www.skinnies.co.uk/skinnies-blog I want to move the Read More 'button' so that it sits permanently across the top of the image and the bottom of the blog excerpt - like this. I'm using the following code to get the effect I have now: .blog-more-link { visibility: hidden; position: relative; margin-top: 20px !important; } .blog-more-link { position: absolute; bottom: 22%; left: 38%; padding: 5px; } .blog-more-link:before { content: "READ MORE"; visibility: visible; position: absolute; left: 50%; transform: translatex(-50%); bottom: 0; width: 100px; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-size: 1em !important; font-style: normal; text-transform: none; color: #fff; background-color: #e40c2b; line-height: normal; border-radius: 15px 0px 15px 0px !important; padding: 15px 30px; } But the result is dependent on responsive design (the button moves around) and this isn't giving me the polish I want. Any way to achieve what I want? Thanks.
  15. Site URL: http://www.pitchurethis.com Any chance that anyone may know any code customize a button that's in the header nav? Currently using Squarespace 7.1. Basically, I have been able to use css to customize all of the normal buttons ( small, medium, large) outside of the nav, but can not find the class or correct target to customize the one in the header nav. Looking to edit the font, size, stroke width of that button Screenshoot attached for reference
  16. Hi, I've created a lightbox contact form in the 'additional info' section of my product but I want that to be in the 'product description' area just below the text. I've been messing about with it but can't seem to get it to work. Any help would be greatly appreciated!!
  17. Hi. The client confirmation page shows the "Cancel", "Edit Forms", and "Schedule another Appointment" buttons. Is there a way to add a "Reschedule" button? Thank you
  18. URL: https://piccolo-orca-mkx8.squarespace.com/ Site PW: rideon Hi there. Is there a way to have different button sizes for mobile & desktop? I have a primary button on my main index page that is currently a great size for mobile, but too large for desktop. Is there any way to do that? Thank you in advance!
  19. First off - appreciate any help from the forum! Glad to be a new part of this community! Our desktop page works well - we display an image, text, and a button to showcase one rental unit (for example - cabin 1) https://wamboltscabins.com/the-cabins We accomplish this with blocks and spacers for formatting. However, when viewed on mobile - these blocks aren't related - so they don't appear in an intuitive order. I made a brief demo video of the problem - thanks in advance! https://www.loom.com/share/f020ff72ee7c4588b66f506348288ec8
  20. The RSVP button above the fold works on desktop but not on mobile.
  21. Hi! I just created a site and I used one of the templates that are offered. There is a "Book a table" button that will NOT remove. I have tried toggling the button slider in the header edit feature, and it still doesnt work. I can see from hovering over the button that there is a generic 'tel:5555555555' attached to it, but I am not sure where exactly I can change that. Please help! :)
  22. I need to remove the Request a Quote button from the header of just one page of my site.
  23. Good evening, I run a coffee business, so my website includes brew guide pages for various brewing methods, and as a part of the page, I have added a timer that may be used in line with the guide for timing each step, but I would love to style the shape, colour, and fonts of the buttons to match our branding. I have tried to create a modifier or style section within the code to adjust the corner radius, but nothing seems to work. Can anyone point me in the right direction? I have included the html for the code embed below for reference: <html lang = "en"> <head> <title>Stopwatch</title> </head> <body> <div><strong>Seconds:</strong> <span id="time">0</span></div> </center><input type="button" id="startTimer" value="Start" onclick="start();"> <input type="button" id="stopTimer" value="Pause" onclick="stop();"> <input type="button" id="resetTimer" value="Clear" onclick="reset();"> <script> var timeElapsed = 0; var timerID = -1; function tick() { timeElapsed++ document.getElementById("time").innerHTML = timeElapsed; } function start() { if(timerID == -1){ timerID = setInterval(tick, 1000); } } function stop() { if(timerID != -1){ clearInterval(timerID) timerID = -1 } } function reset() { stop(); timeElapsed = -1; tick() } </script> </body> </html> Thank you all.
  24. Hello, is it possible to change the size of this button. I can change the wight. But i want to change the height. Perhaps add some borders. Thank you
  25. I'm trying to figure out how to customize the left/right arrow button hover states for a banner slideshow. I've found the selector for the button stroke and background colors, but the button background color only changes when rolling over the stroke? I also can't for the life of me get the arrows to change color on hover. The arrows appear to be broken into two elements: the carrot and the horizontal line. Any thoughts? I'm trying to get the button background to change to #FF2F79 and the arrows to change to #FFF7F0 on hover. No change to the button stroke. Any help is appreciated!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.