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 397 results

  1. Site URL: https://www.eatdishy.co.uk/recipes-main/roastedcauliflowerbiryani Hello, On my site the quantity box, as well as the variant drop down are very large. Is there a way they can be made smaller? Around half the size would be good? https://www.eatdishy.co.uk/recipes-main/roastedcauliflowerbiryani See example above. Any help or guidance would be great. Thanks in advance!
  2. Site URL: http://www.pantryphilosophy.com I want to create a CTA button where the "EXPLORE" text is. Is there also a code for text customization ?
  3. Site URL: http://www.pantryphilosophy.com Brine family template
  4. Hi all, I'm a new user to Squarespace and I'm looking for some help. I want to add a call to action button in my main navigation for the last link (Get Your Invite) I've already tried a bunch of other css codes which have been posted as answers in previous questions before, however they don't seem to work with my Hyde template. My website is - www.varaoptical.com Any suggestions and answers will be highly appreciated, thanks!
  5. I'm trying to use a button that says 'Play' similar to this That when clicked pops up a video in a lightbox. Anyone know how to do this?
  6. Is it possible to add a subscribe button without this being attached to mail chimp or similar. All I want is a subscribe button so people can subscribe to my blog so they are notified every I post.
  7. Trying to add some text and a CTA button on images. Using Margot template-Brine family
  8. Site URL: http://wholehealthymama.com/thankyoupage Hello Squarespace geniuses! I have created a newsletter sign up thank you page that contains a video. I want to have the button to apply for my program to show up below the video... just before the end of the video, not have it there the whole time the way a button block typically works. CAN I INSERT CODE TO FADE THE BUTTON IN AFTER A FEW MINUTES? I already have a little code in the advanced section to hide the main navigation menu. This needs to remain. Help!! Thank you in advance.
  9. Site URL: https://www.altclaim.com/ How can I make the last 2 navigation items as buttons (of separate colors) in Bedford? I would like the text "Submit a Claim" to be a black button next to the red one. I'm on the older version of Squarespace. I've searched the web for over 45 min. and have struck out...found a video of needing to buy a membership to get the code. Thanks in advance for any help! Melissa in FL
  10. Site URL: https://www.logorado.com/ I want to add a "Scroll to top" button to my website. Can you help me about how to create it? Thanks.
  11. Site URL: https://www.whitewillowphotos.com/prices-packages-new hello, I want to know how I can put different text blocks/images/buttons side by side for the mobile look? for example, I want these three buttons over top of each image. https://www.whitewillowphotos.com/prices-packages-new
  12. Site URL: https://eat17delivery.co.uk/offers-deals Hi all, I have set a code in my Design-CSS to fix the button size on my homepage. However, this is now effecting my product 'Add to Cart' buttons. Is there a code to specify the size, change the text and font of this button (Add to Cart). Thanks.
  13. Site URL: https://www.roxmartyn.com/shop/sample-artwork-wrcxh Hi guys Using Squarespace 7.1 and I am trying to change the button size of the 'Add To Cart Button' so it isn't full length. How do I do this? Also is it is possible to make the Newsletter 'Sign Up' buttons the same size as the other buttons on the website?
  14. Site URL: https://www.infinityhk.org/ I would like to add button to the slideshow-gallery. 1 button per 1 slide. I found this code in the forum but it does not work for me. Please kindly advise. Website pw: abcd1234 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; }
  15. Site URL: https://www.picotandmoss.com Does anyone know how I change the text of the ADD TO CART button on the website to "Enquire about this Product" that links to a form that gets emailed with the SKU in the subject line? The ADD TO CART button is currently hidden until we can change this. THANKS!
  16. Hi I've added custom CSS to change the font of buttons. But it's applying to some buttons but not all. What is the code to change the font for all buttons? This is the code I used: .sqs-block-button-element { font-family: 'Open Sans Light' !important; }
  17. Site URL: https://www.therumkitchen.com/home-2-1 Hello there, I'm trying to edit button styles and I stuck - it seems like css code doesn't respond to color changes. I'm trying to edit text on yellow button from white to black. Here's the code: /**Button Small**/ .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small:hover { background-color: #fff; color: #fff; } .small-button-shape-pill .sqs-block-button .sqs-block-button-element--small, .medium-button-shape-pill .sqs-block-button .sqs-block-button-element--medium, .large-button-shape-pill .sqs-block-button .sqs-block-button-element--large{ border-radius: 0px; border-style:none; font-family: Signpainter; } .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small { background-colour: none !important; } .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small:hover { background-color: transparent; } .small-button-style-outline .sqs-block-button .sqs-block-button-element--small{ border-radius: 0px; border-style:none !important; background-color: #000; color: #000000; margin: 0 auto; margin-top: 15px; width: 200px; font-family: Signpainter; font-size: 18px; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 15px; background: url(https://static1.squarespace.com/static/5d4bea07a49c3800010ddaf6/t/5d72757494c66e0001f1fc67/1567782260166/button-yellow.png); background-repeat: repeat; background-size: auto; background-size: 100% 100%; background-repeat: no-repeat; background-color: none; border-style: none; } .small-button-style-outline .sqs-block-button .sqs-block-button-element--small:hover{ display: block; margin: 0 auto; margin-top: 0px; margin-top: 15px; font-family: Signpainter; font-size: 18px; colour: #fff; height: 18px; width: 200px; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 15px; background: url(https://static1.squarespace.com/static/5d4bea07a49c3800010ddaf6/t/5d7250a85d2fb30001f1ad37/1567772840707/button-black.png); background-repeat: repeat; background-size: auto; background-size: 100% 100%; background-repeat: no-repeat; background-color: none !important; border-style: none !important; text-align: center; } Will appreciate your help. Many thanks Michal
  18. Site URL: https://www.runningchickenfarm.com/ I have a button on my homepage which I believe was part of the template. As far as I can figure, it is part of a text block, rather than a button block. I think it is linked to the home page itself, and I can't figure out how to edit where the button links to. If you look at the site, it says "learn more."
  19. Site URL: https://www.growingheartevents.com/ Hi friends- I am using the built in donate button on my page www.growingheartevents.com and since it is a splash one- pager- I want it to open in a new tab, like every other link on the site. This is not a built in function on the site. event when I try to create a button that clicks out to the donate page- if the donate button is not there as well- it is a lost link. Any ideas?
  20. Hello guys,I am looking for a good spoiler button, which can hide or show some text and images on my pages. I am using the solutions offered in this question, but my webpage is loading too slow and it takes too much time until the content I need to hide gets hidden. Do you have any advice for improving the performance or maybe some other solution? You can see a sample page from my (puzzle) website here - > http://www.puzzleprime.com/updates/?tag=Advanced
  21. Site URL: https://www.samadihealing.com/en/retreats Hi there 🙂 I'm wondering if it's possible to have a pop-up appear in response to clicking a button on a site? I'd like a pop to appear when people hit the 'book now' button on this page (attached) of my site. Any suggestions or guidance would be much appreciated. Thank you!
  22. Site URL: http://www.artthou.co.uk/ Hi Squarespace community, I am looking to create a floating form that would appear when a user clicks on specific product (/cart) button - the form would be a lightbox like the screenshot attached. My issue is I need the form action to email me the form info once completed, and then go back to the existing page the user is browsing. Instead of what happens presently, which is the action adds the product to the cart and directs the user to the /cart page. I need this for specific products, not all products. Ideally the form should grab the product description automatically In my case the form would look like the following screenshot attached. Any help hugely appreciated, Hugo
  23. Site URL: https://chiton-tarpon-t78k.squarespace.com/ I'm trying to add a mini image to the right of to my header button text. I'm having issues formatting the text to the left. Also, whenever I refresh the page, the image seems to disappear. Here is the CSS I was using: .white .sqs-block-button-element, .white .image-button a, .white .header-actions .btn { background-image: url(https://static1.squarespace.com/static/5ea25216c82a445ce00182bc/t/5ecdcb02410a777ae78e6987/1590545154904/button_image.png); background-repeat:no-repeat; background-position:94% 50%; background-size:17%; text-align:left;} Appreciate any help!
  24. Site URL: https://plenitudpr.org Hi! I have a multilingual site with 2 folders for each language, 1 folder on the primary navigation and 1 folder on the secondary navigation. I wanted to add a call to action button to the right of the header and added this code. // Last 2nd Nav Item Orange Button // .Header-nav.Header-nav--secondary a:last-child { background-color: #ffffff; /* button color */ color: #ea7c3a; /* text color */ border: 2px solid #ea7c3a; padding: 15px !important; border-radius: 2px, } // Last 2nd Nav Item Orange Button HOVER // .Header-nav.Header-nav--secondary a:last-child { background-color: #fafafa; color: #ea7c3a; border: 2px solid #ea7c3a; } .Header-nav.Header-nav--secondary a:last-child:hover { background-color: #ea7c3a; color: white; } The button turned out great, however, the last item inside the folder I have on the secondary navigation is displaying the same formatting. How can I fix this so that the button formats only show on the call to action (secondary navigation item), and not inside the last folder item. Any help is greatly appreciated!
  25. Site URL: https://moox.house/training Hi all, Custom code newbie here. I need to make the 'book now' button on a product page float on mobile (and keep it static on web). I'm looking to have it stick to the bottom of the page, ideally something like the attached example. My page is live at https://moox.house/training. Does anyone know how to get this done? Thanks
×
×
  • Create New...