Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'button'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 356 results

  1. In version 7.0, when viewing an Events page, I could enable a "View Event" button for each event via design styles. I can't see how to enable that same button in version 7.1, is it available somehow?
  2. Site URL: https://www.realestateanalyzers.com/buy-now I am working on building a pricing table through a 3rd party. I have express checkout enabled so that when I add a product block button and someone clicks the button it automatically adds that item to the cart and takes them to checkout. The 3rd party allows me to add a button with a url that I would like to replace the product block button since it looks nicer and is embedded into the pricing table. I am trying to figure out what url I need to enter within the 3rd parties website that will allow me to do this. Hope this makes sense. Thanks! Dan
  3. Hello! How can I resize the buttons on my website to be smaller for mobile view? On desktop, the button size is small but when I change to mobile view the buttons compress into a big button
  4. Site URL: https://annabelzicker.squarespace.com Password: annabel Hi, I'm trying to resize the header "sign up" button for mobile view as it's quite large. Would love to make it smaller and not sure how. Thanks in advance!
  5. How do I add a "Contact Us" button to product pages where the "Add to cart" button originally was in the 7.1 template?
  6. Site URL: https://nikswami.com/test Hi! I recently signed up for Squarespace 7.1 - but I've noticed that when a product block is added to my site, the add to cart / purchase button goes too far to the right on a mobile screen (it actually cuts off). Is there a CSS code or something that can fix this? I contacted Squarespace, and they confirmed the issue is in the template itself, but said they'll look into fixing it in a future release (no timeframe can be given). If anyone can help, I'd really appreciate it - it seems bizarre that they can't fix a simple button position until a future release?! ***UPDATE*** I've found some code that moves the button to the middle...but the text doesn't move with it lol any ideas? Here's the code I used for the button: .product-block { overflow: hidden; } Thanks Nik
  7. Site URL: https://my-garden-guy.squarespace.com/ Hi there, hope someone can help. I have to add a CTA button to the homepage banner of a Five Template. I have added the following CSS but it is not working - it shows up as text above my banner image. Can anyone tell me what I am doing wrong? Thank you!! #collection-5ecec952f66c3f2e64816014 .page-description a {background: lightyellow;padding: 20px 30px;display: inline-block;color: black;border-radius: 50px;}
  8. Site URL: https://bonnieandgarcia.squarespace.com/ Hi I would like to add a 'save the date' button to my home page. I note that I don't want to create a separate events page just yet, just a single button on my home page that will add the date listed (6 February 2021, 5pm to 10pm) to the recipient's apple or google calendars. Is this possible? My URL is https://bonnieandgarcia.squarespace.com/ password: pablo304 Thanks in advance!
  9. Site URL: http://pocketbrokercre.com Attached pictures show it all. Pics alternate from desktop to mobile showing each button on home page. Only 1 is correct, the "Get Started" button. Anyone have any idea why?
  10. I have noticed odd behaviour on Brine templates, on iOS 13.2.2. It looks like this: Text links work as expected, e.g. hover effects, and the linked page loads quickly. Buttons, however, suffer a delay when clicked before the hover effect kicks in, and then another delay before the linked page starts to load. Sometimes, the button shows clicked state but nothing happens until another click. I can see that on some of these clicks, Safari using location services (location services arrow goes solid for a second when the button is clicked). This happens on my site: https://www.wayfarenursing.com as well as other Brine-based sites that I've tried out. Is anyone else seeing the same thing?
  11. Site URL: https://www.wonderingpeople.com/cheri-smith Hi there, Please can someone help me! I have added in 'Quick View' to my products. However when I click on this the lightbox opens up and it crops the image which I am wanting to view. Rather than automatically cropping it to the actual image size it makes it into a square. Is there a way around this? I think we need to code - please can someone provide me with the code or help! Thanks so much!
  12. Site URL: https://k2.life Here is my code. How do I make it so that only the border of the button changes color? #block-yui_3_17_2_1_1594008918761_24680 { .sqs-block-button-element--medium { -webkit-animation: color rotate 25s linear infinite alternate; animation: color-rotate 25s linear infinite alternate; } } #block-yui_3_17_2_1_1594008918761_24680 { @-webkite-keyframes color-rotate { 0% {background: #81c2ee} 50% {background: #aea7f8} 100% {background: #aea7f8} } } Also changing the "background" to "{border: solid 1.75px #81c2ee}" did not seem to do the trick..
  13. I found a code that let me resize all the buttons in mobile, but that didn't affect the button in the hamburger menu. It's still kind of big and awkward. Does anyone have any code that would work for this? Thanks so much!
  14. A client provided a design to me that showcases a scrolling slideshow that has a heading, paragraph text and button. In Rally, the gallery page only allows text links. I've tried to figure this out by looking through help pages but I can't find the answer. I found the code below, but I'm not seeing it work inside the Rally template. I'm not sure where I'm supposed to enter the info for my website - is the section# and p? section#ingredients-gallery .Index-gallery-wrapper .Index-gallery-item p:last-child { background: #fff; color: #000; display: block; max-width: 200px; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-radius: 10px; } I also need to figure out how to hide the navigation background on index pages with a gallery page on top. I was able to hide the navigation background for regular pages with a banner image inside an index pages, but for gallery pages it goes back to showing a white navigation background.
  15. Site URL: https://www.biocleandd.com Is there a fix to resize buttons for mobile. THey are appearing to be giant and out of context with the other info on the site. THANKS.
  16. Site URL: https://runatitshouting.co.uk/new-events-page is there a code or option to add a Button Block to the top of an Events Page.?? like the custom page i made below. I want to use it as a events page so i can do tags ect. thank you option to add a Button Block to
  17. Site URL: https://www.chickenandgrill.com.au Hello! I would like to know if it is possible to add a custom CSS code to a Button Block. I have this CSS code that I use with the Custom Code Block to add a button that will take you the GloriaFood Ordering app: <!-- If you would like to customize the button, remove or change the "class" attribute inside the <span> tag --> <span class="glf-button" data-glf-cuid="f6c86696-efff-4966-8a45-641d018fe960" data-glf-ruid="cec77a3b-e53e-457d-9243-8ab0f61200f4" style="padding:15px; font-size: 16px; border-radius:0px; color:#ffffff !important ; background-color:#c21011; position: absolute; left: 50%; transform: translateX(-50%); top: 0px;"> Order Now</span> <script src="https://www.fbgcdn.com/embedder/js/ewm2.js" defer async ></script> I would like the button on my home menu to do the same thing, but squarespace only allows me to put an url or a page on the button. Is there any way I can make that button, and any other "button block" to act the same way as my custom button? Thank you for your help! Bruneta
  18. Hey everyone! I was wondering, how do I call out to edit the checkout button in the cart with CSS? Do I use #cart and then call for the button? If so, what is the exact code to call for it and edit it. As I'm trying to integrate the following code on the button click: <button class='hoverme'> <span> Click for confetti. </span> </button> <button class='hoverme'> <span> Hover for confetti. </span> </button> <button class='hoverme'> <span> Hover for confetxi. </span> </button> Hopefully you guys would be able to help me out! Thank you in advance! 🙂 Kind Regards MIL
  19. Hi, I have worked out how to add a gradient to my buttons if they are solid, but I want the gradient to appear on the button's border when I have the design set to outline. Then I am hoping to have a hover effect on the button to show the full gradient. Is this possible? Thank you in advance for your help! Jenny
  20. Hi, How do I add a button that prompts a customer to continue shopping and takes them back to the main shopping menu page? Thank you!
  21. At the moment I import shop products in a product gallery block onto the homepage and I am trying to add a 'add to cart' button beneath each of the products to see if that improves conversion. Is there a way to do this? I'm using Brine template and the site is at www.oliverjwoods.com Here's a pic of where I'd like the buttons to go Thanks for any help! C
  22. Site URL: https://jackshugruedesign.com Hi everyone- I'm hoping someone can help me with my website. I am using the SUHAMA template, and on my Home page I have 8 individual buttons that link to their own particular work page. I want to customize the button colors to match the most prominent color of the work it corresponds with. For instance, I want the "Hoops" button on the Home page to be the same orange as the basketball thumbnail that pops up when you hover with your cursor over "Hoops" from the Work page. So, I want all buttons to have their own color! I can provide HEX color codes or any other pertinent information to make this work! Thanks everyone!
  23. I am using the Ishimoto template: Although the product page displays an “ADD TO CART” button, I need to add an additional button directly below this one that says “CHECKOUT”, and I need it to be identical (if possible) to the add to cart button. I do realize that once a customer adds an item to the cart, the Squarespace template will then automatically display a “cart” button floating at the top of the page. However, I still need to add my own checkout button so that I can send customers to a page with more instructions before they go to the cart. ANY help appreciated, I think I’m on the right track because I already have the following code, but I know the positioning code here is not going to align it directly under the ADD TO CART button like I need it to (because I need for my CHECKOUT button to automatically align itself with the add to cart button no matter what the browser window size is, etc): <style> .checkoutbutton { background-color: #292929; text-indent: 0; display: inline-block; color: #fff; font-color: #fff; font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; height: 50px; line-height: 50px; width: 250px; text-decoration: none; text-align: center; } .checkoutbutton:hover { background-color: #292929; font-color: #fff; } .checkoutbutton:active { position: relative; top: 1px; color: #fff; } </style> <p align="right"><a href="/pagelink" class="checkoutbutton">CHECKOUT >></a></p>
  24. Site URL: https://shuvamkabir.net I'm trying to add buttons that link to other pages on my website, using jquery and $('.button').click(function() { window.location.href = "https://www.shuvamkabir.net/someotherpage";}) However, the links don't appear to work. Clicking does nothing. I'm not sure what I'm doing wrong here. I've included the code for the buttons that I'm using. <style> /**/ /*Main Navigation Buttons*/ /**/ .navbuttonsection{ /*text-align: right;*/ /*display:none;border-radius:6px;*/ width:350px; /*height:300px;margin:auto;box-sizing:border-box;padding-bottom:35px;*/ /*z-index: 1;*/ position: absolute; right: 0%; /*margin-right: -80px;*/ /*bottom: 25px*/ } .button-nav{ text-transform:uppercase; text-align: right; font-size:1.1em; letter-spacing:.2em; box-sizing:border-box; vertical-align:middle; width:350px; height:50px; opacity: 0.5; transition: opacity .6s ease-in-out, width .6s ease-in-out, right .6s ease-in-out, left .6s ease-in-out, letter-spacing .6s ease-in-out; border-top-left-radius:10px; border-bottom-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; background-color: white; color: black } .button-nav:hover{ opacity: 0.8; width:100%; left: 10%; letter-spacing: .3em; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> /**/ /*Navigation button functionality*/ /**/ /*$('.button-nav').click(function() { window.location = "https://www.shuvamkabir.net/" + this.id; });*/ $('.button-Experience').click(function() { window.location.href = "https://www.shuvamkabir.net/experience" }); $('.button-Portfolio').click(function() { window.location.href = "https://www.shuvamkabir.net/portfolio"; }); $('.button-CV').click(function() { window.location.href = "https://www.shuvamkabir.net/pageCV"; }); $('.button-Services').click(function() { window.location.href = "https://www.shuvamkabir.net/services"; }); </script>
  25. Site URL: https://www.mazamcr.com/es/inicio Hi! I have already finished adding the two languages on my website by displaying the flags on the header. My main language is Spanish, and I currently have a "Contáctenos" button on the header that is connected to the Spanish contact page. Is there a way to change that CTA so that when someone is viewing the English version it sends them to the English contact page and also translate the button to "Contact Us"? Any help is appreciated!
×
×
  • Create New...