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://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!
  2. 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) } }
  3. 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
  4. 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!
  5. 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?
  6. 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
  7. 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
  8. 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!
  9. 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.
  10. Site URL: https://www.vilaarts.com/ Hello I am trying to insert a custom button on my page. After searching quite a bit, I managed to put the button where I wanted, but the button repeats in all the image blocks. I can't find the correct ID to link the code to a specific image block. And another problem that I have not been able to solve, is how to convert it into a link. I put the code below and an image of how I have the button. Thank you very much in advance! div.image-subtitle.sqs-dynamic-text::after{ background-image: url('https://static1.squarespace.com/static/56d7589c22482e044b50f7ea/t/613b957548a2cf6da340cbf8/1631294837890/whitearrow3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 100px; width: 100px; height: 70x; margin: -68px 490px 0px auto; width: 65px; }
  11. 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!
  12. I would like your help please with code to adjust/decrease the size of the email fill form box and submit button (visual attached of desktop and mobile/tablet) located in my footer on version 7.1. The email fill form box and submit button are too large and do not shrink when I try to change button size in Squarespace's built in button size adjustment tool. Thanks so much!
  13. Site URL: https://star-pufferfish-4sy4.squarespace.com/config/pages Hi, I would like to know how to redirect my "Add to cart" button on my products page to my Etsy shop? I dont have a commerce plan so I don't want to have a cart. My website is not published yet but here is the url www.shopsimpul.com Thank you very much for your help!
  14. 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!
  15. Site URL: http://www.brentstirton.com/ Hi, I am working with a trial page of the wells template and am having issues with large captions. I saw Brent Stirton's page and saw his caption button layout, so i'm asking if anyone knows how to code for this. Thanks.
  16. 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!
  17. 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!
  18. 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?
  19. 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!
  20. 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?
  21. Site URL: https://h2o-test.squarespace.com/ Website: https://h2o-test.squarespace.com/ Password: Contractor1 Hi, I'm looking for a solution for the buttons in the "Drain Cleaning" section on the homepage. There are 4 dark blue buttons and I would like them to be divided in to columns of 2 instead of having them all stacked. On mobile the text of a couple of the buttons also doesn't vertically center anymore. How would I fix that. Any help would be much appreciated! Cheers, Tom
  22. Site URL: https://trainverce.com/ I'm trying to get these buttons side by side on mobile view
  23. 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>
  24. hello. trying to add a colored hover link to text but it changes button too. is there a code to stop this? thank you!
  25. 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
  • Create New...