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
    • 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. Site URL: https://www.anvnguyen.com/home/contact Hi there! I'm looking to change the newsletter and contact buttons to a different color on hover. I've tried a few different CSS but nothing seems to work =( Ideally it goes from transparent with the colored border, to a different solid color on hover. Hope you can help, thank you so much!
  2. Site URL: https://www.tgtfresh.com/fresh/p/longan I've added buttons linking an alternative store for most of my product pages using tags and css/code injection, however, I haven't been able to move the button next to the Shopify buy button. Is there a way to do this? I'm trying to make them look like this: The Shopify buy buttons were moved from Additional Information code blocks using this: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('section.ProductItem-details .code-block').insertAfter('.ProductItem-details .ProductItem-product-price'); }); </script> The buttons linking an alternative store were added using this in header: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $("<a class='cvsbutton' target='_blank' data-initialized='true' href='https://myship.7-11.com.tw/general/detail/GM2208088428146'>7-11 低溫賣場</a>").insertAfter(".tag-available .code-block"); }); </script> and this: .cvsbutton { order: 4 !important; font-family: arial; font-size: 15px; color: #fff; font-weight: normal; font-style: normal; text-align: center; width: 100px; border-radius: 3px; text-decoration: none; padding: 10px 10px; background-color: #FF8A43; } .checkoutbutton:hover { color: #fff; background-color: #d49999; }
  3. 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
  4. Site URL: https://caper-harpsichord-tasl.squarespace.com/schacktoberfest I need to adjust the text line spacing when the button text goes to two lines as in the photo attached. Thanks! url: https://caper-harpsichord-tasl.squarespace.com/schacktoberfest pw: art
  5. Site URL: https://alligator-dahlia-9b2w.squarespace.com/ Hi! I would like to change the size of the Checkout button (way too large at the moment) and same thing for the button that is shown when the cart is empty. Can I edit the text that is automatically written on the button? Instead of 'page de paiement' I would like it to be 'procédez au paiement'. If possible I would also like to decrease the text size of the subtotal amount. See attached images. Thanks in advance 🙂
  6. Site URL: https://www.triggersanj.com Hi all, does anyone know how to add custom css code to create a back to the top button at the bottom of my website? Thanks in advance
  7. Site URL: http://www.marikekale.com Squarespace 7.1. doesn't support yet blog posts simple liking, but has anyone coded this by themselves? I tried a few custom css's, but couldn't figured it out. Would highly appreciated support if someone knows how to add simple likes to blog posts in Squarespace version 7.1. Thank you so much!
  8. Site URL: https://www.avocadoventures.co/ I am using the new Fluid Engine editor and things look great on the desktop and the mobile version of the site. Even tablets that are less than 769 px look fine because they are using the same mobile 8 square grid. My problem is that larger tablet size, 769px to 1200px range, because some of the buttons on the site become huge and look obnoxious or stack weirdly or just don't fit right in the space anymore. Is there a way to adjust the size of the text or padding or something just for the tablet size so that it doesn't totally distort the buttons? Screenshot attached for reference of a crazy looking button. Thanks in advance!
  9. Site URL: http://www.letterand.ink Hi all, just discovered that the button in my header isn't behaving correctly on rollover. The rest of the buttons on my site are fine (the background becomes solid and the text becomes white on rollover) but this one isn't. Any thoughts? Img 1: Button / Img 2: Button on rollover (text is not visible)
  10. Site URL: https://moose-sepia-m3gk.squarespace.com/ hello all, I am trying to change the "Order Online" to have an outline button for the link. I believe I did this before by starting with a template where the button was outlined, but on this particular site, none of the code I am trying is working. Here is the website: https://moose-sepia-m3gk.squarespace.com/ and pw: lipscafe-ss Here is the last code I tried: //button cta a.Header-nav-item:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 100px; } Any help is much appreciated! Thank you,
  11. Site URL: https://www.isabelandink.com/services Hi On the services page of my website, I'm trying to move some buttons to appear below each section of text / accordion rather than at the top of each section/block in the mobile view. See screenshot attached! Thanks
  12. Hello everybody! I am wondering if there is any possibility to change the text of the shopping cart(the title, the button text, etc.) to the language I want, or maybe I can edit it somehow? Any information will be appreciated! 🙂
  13. Site URL: https://expertlypaul.com/how-to-build-your-career-change-resume-copy I’m hoping to change the form submit button from the default black background to my brand’s blue and the default font to my brand font (Montserrat) with no luck trying some other solutions I found on here. Any help here would be greatly appreciated
  14. Site URL: https://en.uppercutdanseteater.dk/ Hey! I would really appreciate help with the position of the weglot button on my webiste. I would like to have it on the right top corner (right now it's on the right button corner). Thank you in advance!!
  15. Site URL: https://timecraft.group/home-draft password for the site is "metaverse" timecraft.group/home-draft noticed an annoying graphic issue when I designed some custom buttons for a client site. When you view the site on mobile the buttons display a very subtle border around the text within the area of the button. However, when you check mobile view in squarespace or if you use chrome devtools to simulate the size on mobile the issue does not appear. You will likely need to enlarge the image to see what I am talking about, its a very subtle box surround the text of the button. here is the code used for one of the buttons: <style> .button-box { box-sizing:border-box; outline:none; } .drawn-button1 { font-family: 'squada one'; line-height: 1.2rem; align-self: center; text-align: center; background:#242637; padding:.6rem .6rem; margin:0 1rem; transition:all .5s ease; font-size:1.5rem; outline:none; box-shadow: 20px 38px 34px -26px hsla(0,0%,50%,1); border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; border:solid 7px #fff; opacity: 0; animation: appear1 2s linear 5s; animation-fill-mode: forwards; } @keyframes appear1 { 0% { opacity: 0; } 100% { opacity: 1; } } .drawn-button1:hover{ box-shadow:2px 8px 4px -6px hsla(0,0%,50%,1); } </style> <div class="button-box"> <a href="/#web3"> <div class="drawn-button1">TWO.FIVE <br> <span style="font-family:'Roboto Slab';font-size:1rem; line-height:.8rem;margin-top:0px;padding-top:0px;"> start your web3 journey</span> </div></a></div> Anyone know how I can keep the inner box from showing up? It does not show up on desktop.
  16. Site URL: https://unchartedtrvl.squarespace.com/config/ On our site, within a page, we have a lightbox form with a button that says "Request Detailed Itinerary By Mail or Email." Submission, opening, and fields work fine but there is no way to close the lightbox form. It essentially breaks the page and requires a refresh. Can anyone help out here, I am at a complete loss. https://unchartedtrvl.squarespace.com/scheduled-group-tours-2022/north-caucasus
  17. Site URL: https://www.tuifc.org/ Hi there! I am looking to create a transparent button on my sites landing page! I have been searching around and haven't come across anything helpful. password for the site is: tuifc I have an example of the look I am trying to accomplish for the buttons and you can find it below: http://www.mitifc.com/ Thank you all!
  18. Site URL: http://www.marleyshouseofsport.com My large buttons on my site are now coming up as invisible. Has squarespace recently changed the naming conventions in the code? I can't account for this error/change. I haven't changed anything my end. When I change the actual image in the code it does nothing either. Any help would be appreciated - D
  19. Site URL: https://www.musicbythegirl.com/clv Hi there. I'm trying to create an image for a button today, but it just appears as blank. I tried both the following code, as suggested on an expert video tutorial, with no luck. Any help much appreciated... .sqs-block-button-element--large{background-color:transparent!important; background-image:url('https://static1.squarespace.com/static/5e5ec4efc85e7f05d4300da4/t/62e9855c798edf172f7e451c/1659471197080/The+Girl+downloaded+logo+and+C%27est+la+vie+trimmed.png'); background-size:contain!important; background-position:center;background-repeat:no-repeat!important} .sqs-block-button-element--large:hover{opacity:1!important; }
  20. Site URL: https://www.thesocialflair.co/ In the newsletter block of my footer, when you hover over the "Sign up" button, the text is highlighted with black which I want to remove. I want the background to be completely white while the text is black. Please help!! Here is the custom CSS on my page right now .site-wrapper{background: linear-gradient(#DACEC4, #CEAA9A, #947B73)!important;} .page-section, .section-background{background:transparent!important;} footer, footer * { background-color: black!important; } footer.sections input { background-color: white !important; } footer.sections button.newsletter-form-button * { color: white; }
  21. Site URL: https://www.thesocialflair.co/ In the newsletter block of my footer, when you hover over the "Sign up" button, the text is highlighted with black which I want to remove. I want the background to be completely white while the text is black. Please help!! Here is the custom CSS on my page right now .site-wrapper{background: linear-gradient(#DACEC4, #CEAA9A, #947B73)!important;} .page-section, .section-background{background:transparent!important;} footer, footer * { background-color: black!important; } footer.sections input { background-color: white !important; } footer.sections button.newsletter-form-button * { color: white; }
  22. Sorry, tech and Squarespace noob here, so please bear with me. First of all, I don't think I can share my page just yet as it's not been published. I'm waiting for my domain to transfer. So, I had the bright idea to use a "gallery" design with four tiles arranged in a square. Each tile has a background picture and in it a text block, describe an option (one of my programs), and under that a button says "click here" - the idea being that people can pick which option sounds most like them, click the button underneath that option and get to the program that fits them best. Except, the pretty buttons I put into the text blocks, change position depending on the size of the browser. Suddenly, instead of in the white space at the bottom of the text box (under the actual text), the button overlaps the text. Is there a way to fixate the position of the button in the text block? I'm attaching a screenshot to illustrate. Thanks in advance!
  23. Hi there, I am trying to create a button where you click on it and you download a file, but after that you get redirected to another page. Any help please. Thanks
  24. Site URL: https://www.wearetwoofakind.com/approach On the web version, my button is perfectly aligned but when I switch to mobile there is a ton of extra space and then it's misaligned. Any help on fixes for this? Any help would be greatly appreciated!!
  25. 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?
  • Create New...