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

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

Found 145 results

  1. Hi i am currently trying to figure out a way to replace the navigation buttons on the header. I am currently contemplating 2 possibilities. least extensive option: target the navigation buttons on all pages with custom code to change em. Ideally i'd like to use this code http://cssdeck.com/labs/hexagon-shaped-button-with-single-element to switch up the navigation buttons to this style in one of the colors currently on my color palette for this site. or the less ideal more extensive version: unlink pages thereby removing buttons from header. Create a sidebar using the various tutorials out there, and add buttons as a hyperlinked image. or if possible actually coded buttons unto the sidebar. I am currently using the custom template in the brine family.
  2. Hello I am using the Fulton template and want to add a 'Sign Up' CTA button to the right of the navigation header bar, which can link to the Sign Up page I have created. My website is www.traxart.co Any help appreciated! Matt
  3. Hi everyone, I have finally found the template that seems to include all features I want: Basil. After setting up my homepage, I tried to add buttons to a slideshow banner at the top, but they only appear as links. (Usually, when I link certain calls to action to another page, they appear as buttons - now they don't) What am I doing wrong? Or is this template unable to create buttons within a slideshow? All help is greatly appreciated.
  4. Hello I would like to create a button on my checkout page where clients will be redirected to a file upload service after payement
  5. Hello i am wanting to customise the radio buttons on my contact form - is this possible. I would like to make them bigger and a outline square shape and less ugly. thanks.
  6. I'm looking to create an accordion that will expand/hide content when the user clicks on 1 of 6 icons in a row. The icons serve as buttons essentially, with an active, hover and inactive state. I'm using the Brine template. Here are the functions I need: The icons have a text label below them (likely H3 text). Icons have an active, hover, and inactive state. The accordion will automatically hide whatever active content is showing when the user clicks a different icon. The content that would show/hide below would include an image with a header and text to the side of it for each icon. I want the icons to be in a single row until the screen size gets to mobile widths so that the content that shows on the user's click always falls below the row of icons. This means that as the screen width narrows, the icons and text likely need to scale down so they fit in a single row on tablet screen widths. On mobile, I want the icons and text to stack and have the content be revealed below each icon (similar to the example image in the following topic, except the + icon would be my icons: I'm trying to create all of the various content blocks so a coder can go in and create the jquery to enable all the behaviors, but I need to know what kind of content blocks to use. If I just use image blocks with text blocks below them for each icon, I don't think I can keep the icons in a single row or scale things according to the screen width. If I use a gallery or summary block, I don't know how the active/hover/inactive states could be implemented. If anyone who has done something similar can advise me on the content blocks to use to get all of the above functionality, that would be very helpful. For context, the page I'm trying to implement this on is here: https://www.superiorfresh.com/organic-greens. Under the header "Good for You, Good for the Planet" there are 6 images with a header/paragraph below them. I would replace those with the row of icons, and then clicking would reveal the image and paragraph below. I've also attached some images of what I'm hoping it will look like when complete.
  7. I want to add a button below text to a gallery image (like the attached screenshot). The website I'm working on is https://www.thejupegroup.com (password is: RJupe10). I want to add a button to subscribe under the text in the "Connect with Us" block. Right now I have that block and the image to the left of it set up as side-by-side gallery images. I'm using the Blend template in the Brine family. Any CSS tips would be greatly appreciated! Thanks!!
  8. Hi there, I'm stumped at how to target the button in my top footer in Brine. I've changed the footer colour for mobile view, so I need to also change the button colour. Any suggestions? The site url is https://lily-smilodon-gzzc.squarespace.com/ And it's currently getting linked to http://www.moveintowellbeing.co.nz/ (private until finished pw: temporary) Thanks in advance.
  9. Hello everyone. I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/le-conseil Here is the css that i used to have them in the same size : sqs-block-button .sqs-block-button-element { width: 350px; } Thank you for the help !
  10. Hi, On a product page there are 'previous'/'next' and 'add to cart' buttons. I have managed to add some code to the site courtesy of @ThompsonWebDesign to enable a pop-up to say 'continue shopping' or 'proceed to cart' which is wonderful. After the pop-up if I choose 'continue shopping' the pop-up closes and | am still on the page I added the product to the basket from. What I would like is a button I can add to all my product pages titled 'Back to shop' that then takes the customer back to the front of the shop page. I have various pages of 'shops' chosen from a drop down depending on what country the customer is in, so for this reason I would need to be able to specify the link to those buttons rather than have a generic one across the site. My site is https://bassoon-dog-tknb.squarespace.com/ pw: SandraCB then: shop choose country (UK only one set up so far) Wines Choose a wine and add it to the basket close pop-up to continue shopping From there I would like to have a button that takes the customer back to the 'Wines UK' page for the customer to see the list of wines again. This would change to Wines France, Wines USA pages etc when they are set up. The previous/next button only moves you through each product. I hope that makes sense! many thanks Sandra
  11. Hello — I am looking for a custom CSS code to either remove the play button on a video gallery or to make it fully transparent. As it stands, the play button is directly where I need my text to be. Website here
  12. Hi! I have a grid gallery of images and want to add a button on top of them. I've tried different methods and have been really struggling with this. Right now, I have a gallery block and a button block. I've used css to change the position of the button so it appears on top of the gallery image I want. The problem is that the button is not responsive so the position is awkward when viewed on a mobile device. I'm wondering if there's a way to position the button relative to the gallery image? I've also tried displaying the image title on top of the image. The problem with this is the title isn't a clickable link. Here is the CSS I used to move the button: Here is how it looks on a normal screen: Here's how it looks on mobile: Here is a link to my website: https://lion-wedge-b4fc.squarespace.com/usa The password is 12494
  13. I am trying to add a call to action button to my site and I am using the Stella template. I tried to find the prop class ID in the source code, but it was a bit confusing for me.
  14. I'm trying to add a JavaScript to a button to bring up a BackerKit pre-order store. An example of what I'm trying to do (though I don't think it's a Squarespace site): top right corner of https://lynqme.com/ With the code provided below from BackerKit in a code block I was able to get things to work with clickable "Pre-order Now" text... <script> (function() { var script = document.createElement('script'); script.src = 'https://backerkit.com/assets/preorders.js'; script.async = true; var entry = document.getElementsByTagName('script')[0]; entry.parentNode.insertBefore(script, entry); })(); </script> <a href="#" data-bk-preorders="https://virtueathletic.backerkit.com/overlay_preorders">Pre-order Now</a> ...and with my own fumbling through additional code I was able to get the text to kind of be a button. <script> (function() { var script = document.createElement('script'); script.src = 'https://backerkit.com/assets/preorders.js'; script.async = true; var entry = document.getElementsByTagName('script')[0]; entry.parentNode.insertBefore(script, entry); })(); </script> <div align="right" class="sqs-block button-block sqs-block-button"> <a href="#" data-bk-preorders="https://virtueathletic.backerkit.com/overlay_preorders" class="sqs-block-button-element—small sqs-block-button-element">Pre-order now</a> </div> Unfortunately I can't get the button to look, function, and align like my regular button blocks (blue/white & white/black on hover) as seen in the attached image (blue button block on top - black JavaScript "button" on bottom.)
  15. Hello everyone. I custom made my buttons on my website to have a specific size. But when i put the website in responsive mode the buttons are colliding with each other how can i fix that ? The only think that i put in my custom css is : .sqs-block-button .sqs-block-button-element { width: 350px; } Hope someone have an answer ! See here my website : https://rhino-bullfrog-fc8l.squarespace.com/
  16. 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?
  17. Borris

    Checkout Button

    Hi, We have a ''Add to cart'' button our our site which we like. However, next to it, there is another button ''Checkout''. How can we remove this button? See photo.
  18. Hello everyone. I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/le-conseil Here is the css that i used to have them in the same size : sqs-block-button .sqs-block-button-element { width: 350px; } Thank you for the help !
  19. 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
  20. Hello everyone! I'm using the Supply template on my website (https://www.snjc.world/), I know it's an old one that's not updated anymore but I really like the sidebar menu. The only thing that I really don't like about this theme is the lack of customization regarding the cart button. I was wondering if anyone knew how to tweak it a bit just to match the rest of my website, changing the font to match my theme and also replace the gradient in the background by a solid black or grey color. If anyone knows a bit of CSS to change those two points that would be great ! Thank you, Sam.
  21. How do you center text and a button on stacked images? I'm using the Rally template and both are left justified with no option to change under site style. Do I need to use CSS? If so, do you have code suggestion?
  22. I'm trying to figure out how get a form button to lay side by side on a field. I've used this code to get the fields side by side... But haven't been able to place the button on the right, side by side of the last field. Thanks in advance! I hope @paul2009 could see this, as he answered the original thread.
  23. I would like to change the color of hyperlinks on hover, and I've been able to do it, however it also affects the text in buttons. Is there a way to avoid that? (Bedford)
  24. Hello! I am trying to get my single form field inline with my button. An example of what I'm going for can be seen on https://slack.com/features. My best guess as of now is: #collection-5dcb6cdf37b5697e373b89d8 .form-item.field.email, .button { display: inline-block; min-width: 48.8%} I know this is targeting both fields because if I adjust the min-width, both the button and the field change size. I just need those elements to be side by side and not on top of eachother. Thanks for your help! Page can be seen at www.legalpilot.io/buttontest
  25. 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!
×
×
  • Create New...