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


Expert ID

Found 411 results

  1. 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!
  2. 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?
  3. 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?
  4. 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!
  5. 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..
  6. 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!
  7. 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.
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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!
  13. 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!
  14. 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>
  15. 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>
  16. 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!
  17. Site URL: https://amandacmathis.squarespace.com/ My Add to Cart button is misaligned on some devices and not others. I can't figure out the settings to adjust this. Anyone know why this is happening or how I can adjust it? Thanks! Amanda
  18. 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
  19. Site URL: https://recorder-jaguar-6lxy.squarespace.com/ I am trying to change the font (a custom font) of the CTA in the header of the site and all of the form buttons. It's the only thing I can't manage to change. PASSWORD: ComeandStay
  20. Site URL: https://astroloteez.com Hi We want to put the add to cart and select size underneath the price (not underneath description) Is that possible? Shop is here https://www.astroloteez.com/astroshop/aries-tshirt (password: LOVE) Thanks
  21. Site URL: https://www.elgalgorestaurante.com/ Hello, I have a problem to add a button in the client email notification section. I have indicated this code and it perfectly worked when trying it in the squarespace platform. But when I send the trial email and test it from my email box does not work. Does anywone solved this problem ? Thanks <p style="font-family:ffmetaserifpro; font-weight:500; color:#808080; font-size:18px;">Esperemos que la comida esté a tu gusto. <br> Para ofrecerte el mejor servicio posible, danos tu opinión y la tomaremos en cuenta. <br> <br> ¡ Esperemos volver a verte pronto ! <br> <br> <br> –– El equipo de El Galgo</p> <br> <br> <br> <div align="center" > <input type=button style="border-color:#007564; border-width:2px; width:200px; height:40px; background-color:#ffffff ; text-align:center; color:#007564; font-size:12px; font-weight:500;" onclick=window.location.href="https://www.elgalgorestaurante.com/es/encuesta-el-galgo"; value="DAR UNA APRECIACIÓN" /> </div> <br> <br> <br> <br> <p align="center" style="color:#"> _______________________________________________ </p> <br> <br> {.if order.url} <a href="{order.url}">Ver pedido nº{order.displayId}</a> {.or} Número de pedido: <span style="font-weight:bold; color:#3E3E3E;">#{order.displayId}</span> {.end} (realizado el {order.submittedOn|datetime date:long time }) {.if order.externalOrderNumber} <br> <br> Número de pedido en {order.channelName}: {order.externalOrderNumber} {.end}
  22. I am trying to find a way to create circle buttons on my website, but I am having a hard time knowing where to put the custom CSS (and what to put in the first place). I'm a complete beginner so any help would be appreciated!
  23. Hello! I want to add a sticky buy button that appears at the bottom of a product page when you scroll down. Shopify has an app for this but I haven't been able to find a solution for squarespace. I was wondering if there was a plugin available or if this could be done with some custom css? I've attached two examples. Any help/assistance would be appreciated!
  24. Site URL: https://www.bhcpagroup.com/join-our-team I have custom CSS sitewide for regular text links to rollover from burgundy to black: #page a:hover { color: black !important;} I'm not sure if this is causing the rollover text in the buttons to go to gray/black but whatever is the reason, it's hard to read. I'm trying to make the rollover text stay white but still keep the lesser background opacity on the rollover.
  25. Site URL: http://lightnerlawfirm.com I am trying to add a button so customers can use the option of Law pay on my site. It says they can provide me with a HTML snippet if I cannot create image hyper links. Is this what I need? Attached is the icon i would like to use for the button to take them to law pays page.
×
×
  • Create New...