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
    • 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

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.livewireradio.org/events/20200121 I'm trying to add scripted Eventbrite ticket sales buttons to our events and would like to style them the same as the buttons already on our site but can't figure out how to do it. I'm hoping I can either use a squarespace button and have it run the script below from Eventbrite, or format the button the Eventbrite code generates to the look the same as the others. Password for site: SSForum The first button is the standard squarespace button with a link. The second button is a scripted button using the code below from
  2. Site URL: https://www.qcodemedia.com/from-now-3 Site URL: https://www.qcodemedia.com/from-now-3 Is there a way to get the two LISTEN icons side by side vs on top on one another? Ideally, really it would just shrink on mobile to look the same on the computer but not sure if thats possible. Any advice is so appreciated!
  3. Site URL: https://raspberry-coyote-6gss.squarespace.com/config/ I am looking to change my form block colour, it is in Lightbox mode and I was wondering if there was anyway to change the colour of the Lightbox? at the moment it is grey, but I would like it white
  4. Site URL: https://jsartistry.squarespace.com/ Heya, I'm trying to add Timely scheduling javascript (i think) to a booking button in the navigation of this website. Basically, I want customers to be able to book their appointment thru the timely platform within my site and i want them to access it thru the navigation button. Thank you 🙂 The code that Timely gave for me to embed a link to the site is below. But I'm not sure how I can relate this to the button. HEADER: <script id="timelyScript" src="//book.gettimely.com/widget/book-button-v1.5.js"></scrip
  5. Site URL: https://jeffvilla.squarespace.com/ Hi, I have a mailto link in my "contact" button in my nav bar that triggers a "mail.google.com refused to connect" error. The weird thing is, I have the exact same thing at the bottom of the page in the footer (albeit, not a button), and I get no error. Any ideas? Thanks!
  6. Site URL: https://star-turquoise-mzgf.squarespace.com/ I'm trying to change individual colors of buttons on my website - page noted below. I can generate outlines and change the text color, but I'm looking to just change the background of the button block. I'd like them all to be different colors. Any ideas? https://star-turquoise-mzgf.squarespace.com/home-designing-immersive-programs PW: pilot
  7. Site URL: https://www.endofanear.com/ Good evening! On mobile, how can I make the images/buttons on my front page stack 2x2 on mobile? Here's a crude image of what I want on mobile: Thanks! 🦌
  8. Site URL: http://moodart.co Hi there, I am trying to add a new CSS code to my custom CSS and it is not working... my objective is to create a different colour outline for my button but still have the button be filled with a colour... This is what my Custom CSS looks like right now... .Index-page:first-child .sqs-layout, .Intro .sqs-row { -webkit-animation: fade-text-anim 2s ease; animation: fade-text-anim 2s ease; } @keyframes fade-text-anim { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(
  9. Site URL: https://www.harvestfilmco.com/ I would like to change the height of the two buttons on my home page (on mobile only) so that they are centered over the photos. What is the custom css input to change the height of the buttons on mobile only?
  10. Site URL: https://www.curlfitness.com/ Hi, I was hoping to find a way to have a "Join Now" button on the mobile version's navigation without it being hidden in the hamburger menu please? I want the user to be able to click on the "Join Now" button on mobile without having to find it in the dropdown hamburger menu. Thanks! Jess
  11. Site URL: https://xiaoxuanwu.com/oasis-patient-log I want to customize my button in the "jump to" section. I am using the code .sqs-block-button-element{ background:#c1756c; border-radius: 50px; } .sqs-block-button-element:hover { background:#bc918e; border-radius: 50px; box-shadow: 0px 2px 5px rgba(0,0,0,.3) } The button style has changed, but the hovering effect is still default to the original Squarespace style. How can I change it?
  12. Site URL: https://www.ettiperez.com Trying to move the 'shop now' button on mobile site only higher up so that it overlaps the background image. Ideally I also want to remove the space between the background image and the 2 poster images below without having to change the background size to 'auto' But moving the button up is priority, please help :)
  13. Site URL: http://www.paigemercer.com Hey there I have changed the font on my site using a custom font but cannot figure out the code for the button blocks. EX: Contact, Learn More... etc. This was the code I was using but with another font. button { font-family: Chairdrobe-regular !important; }
  14. Site URL: https://rust-haddock-426b.squarespace.com/config/ Hello, I'd like to have a smaller gap between the two images in the Screenshot 2. I used the headlines element because I can add a button in the middle of the images which I need. I know that I can just use an gallery grid to fine tune the gap betweens images. The problem is, that the gallery grid doesn't have the function to add buttons. Is there another way to get a smaller gap between the images? Maybe with a custom HTML/CSS? Thank you in advance! Phi Dang
  15. Site URL: https://www.melvinraju.com/spiro I want to add a simple like or love counter to my websites where visitors can like a project here's a similar "love" button example which has a heart button and the count above it. https://theforkedspoon.com/lemon-raspberry-cookies/ It doesn't need to be floating like in the example but great if that is possible here's my website and project page www.melvinraju.com/spiro
  16. Site URL: https://www.nyssagluck.com/ Is it possible to build custom code to create a 'Next' & 'Previous' button for my page? Ideally, the buttons will be located in the footer, font in dark grey, with no 'bubble' around the words. The buttons would be for all the pages, excluding the Home Page. Thanks for the help.
  17. Site URL: https://aishwaryabalasankar.com I changed the color of hover on hyperlinks in my website. However, the change affects the buttons too. Additionally, it affects the "back to top" as well. Looking for a way to fix this Highly appreciate your help! Thanks a ton!
  18. Site URL: https://www.seeingseattle.com/ Hi, I have used a code that hides the hamburger menu and displays my button block for my mobile website. However, my button block is halfway off the screen. How do I fix this with CSS code? Here is the current code I am using: @media screen and (max-width:767px) { /* remove burger */ .header-burger { display: none; } /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } } Any he
  19. Site URL: https://thefavoriteco.com/ Hi all, Just uploaded a new font into my site that's very lightweight. i love it but it's not that readable on mobile and so i want to dial up the font weights for paragraph fonts and any fonts used inside a button. Any suggestion on how to do this? Thanks!
  20. Site URL: https://plums-flounder-b2ml.squarespace.com/contact New to squarespace here - just looking for a simple fix to finish up I have inserted some css to make the buttons on body of the pages and the one in my footer show with customized effect but I can not figure out how to do this for the button in the header or the Send button on the form. Any ideas? Also I have the links in the main navigation change color on hover but have not been able to to do this site wide? Here is the button css I have inserted: .sqs-block-button-element--small { border-radius: 8px;
  21. I have one button (solid, rounded) under secondary navigation. I want the color of the button to change when a cursor hovers over it. I am using Version 7.0 - Brine (Nueva template). I understand that I will need to input this code into the Custom CSS section, but I am not sure what code to use. Any help is appreciated. Thanks!
  22. Site URL: https://www.carmenroseportraiture.com/home I'm trying to get the buttons in the code block to look like the buttons that I've already customized in the CSS editor of the site. I think I'm close to getting it to work but I think my code block night need to just be organized differently?
  23. Site URL: https://hwh.squarespace.com/ On the website, in the navigation section I would like to add the DonorBox Button Code below. It is a button that opens a pop up box to donate but we want it in the navigation bar instead of the other button. @tuanphan please help!! 🙂 Donorbox code button: <script type="text/javascript" defer src="https://donorbox.org/install-popup-button.js"></script><a class="dbox-donation-button" style="background: #035aa5 url(https://d1iczxrky3cnb2.cloudfront.net/red_logo.png) no-repeat 37px;color: #fff;text-decoration: none;font-
  24. Site URL: https://dogfish-clarinet-npzm.squarespace.com I would like to direct people to a certain 'section' of a page so they don't have to scroll through the whole page to find something, is this possible at all or not? My password is empulse2020 Thanks
  25. Site URL: https://www.thepush.com.au Any advice or pointers would be greatly appreciated. I am getting different results between chrome and safari with positioning my submit button. Safari is on the left of the image ********************************************* Embed code <div class="push-sub"><h4>Stay connected</h4><form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="XXXXX"><div><label></label><input placeholder=" Email Address
  • Create New...