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

  1. Hi, I am using Wexley and I would like to have a full screen slideshow. I already found out, that the header can be put away like this: <style> #header { display: none; } </style> Unfortunately the button "x" also goes lost. Is there a way to add the "x" to the full screen gallery or only hide the Site Title and Navigation and keep the "x" in the header? Thanks in advance!
  2. Hello! I haven't used squarespace in a few years so it looks like things have changed! I'm finding it to be very difficult to customize many of the templates as they are trying to make it as dummy-proof as possible. With that, they really limit the type of customization for the creator! Anyway.... Essentially, i would like to create a page with about 8 different sections in a grid. Each grid will have a label/button and when you mouse over the text a headline and/or quotes may appear. Is there a capability to do that? Or should i create an image in photoshop and create a gallery where when you mouse over the text, the image with all of my quotes/links pop up? Does this make any sense??
  3. 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.
  4. Nothing loads on button click – just a blank space. I tried fixing it with this to force color and size, still nothing: .newsletter-block .form-submission-text { font-size: 20px; color: #1E4C90;} The site is brooklynmeditation.org and the form is on every footer. I have some custom CSS for .newsletter-block .newsletter-form-button but I dont think there's anything there that could affect the post-submit message... Thanks everyone!
  5. Hi I want to add a couple of highly visible buttons in the upper right hand corner of my site which is on the Harris Template. I want to be able to style them, and they should only appear on the home page. Any ideas?
  6. Hey everyone! I needed some help! I am currently trying to create a website in 2 different languages so I decided to do my research and read an article on Squarespace on how to make one. I did not think it was that professional so I contacted the customer support and asked if there is another way to make a bilingual website and they sadly said I had to know coding. My current website is https://www.mediaqmarketing.com/ and as soon as you come to the page you get the option to click two buttons. One which gives you access to the English version and the other which gives you access to the Swedish version. What I want to do is as soon as someone clicks on, lets say, the Swedish button, the whole website should be in Swedish. That means that all the english pages I have created should somehow automatically end up in the not linked section of the website. Hopefully you guys understand what I am trying to say. To clarify a bit I found an example of what I am trying to do over here: www.dralessiomocci.com I was wondering if there is anyone who has a quick solution. All help is appreciated! Thank you everyone!
  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, Hoping someone has insight as to how I can change the font on my buttons for the styling of my site. I have updated the CSS for my h1, h2, h3 and body, but am hoping to have the button font match my h2. These are custom fonts that I have uploaded. I can't seem to locate how I talk about buttons in CSS.....
  9. Hello colleagues, I have been tasked with duplicating a site without access to the original (!). Most of the site is created using standard styling options available in Brine/Heights. But there is one element that I think must be done with custom css. There is a hover animation effect on the buttons that I can't replicate. The standard is for the button to fade a little on hover. The customisation is to make the button go green #20CE9C with a drop shadow on hover. This is the site: https://www.kellerlenkner.com/ Although I can do a little coding I am new to custom css and not sure how to go about this. Please can anyone advise? Thank you Zoë
  10. Hi! How do I change a button color in the footer? How do I identify the right button? I used the following but it is not working: #footer .sqs-system-button .sqs-editable-button { color: FFFFFF; border-color: FFFFFF; }
  11. 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.
  12. Hello, I have a website and i made some specific design choices like the size of my buttons. The problem is when i go in responsive mode my buttons are getting out of the limits of the screen. See what i mean in picture 1. My other problem is my buttons to go page up and go page back are getting huge when in responsive mode . If someone can help me please you are welcome ! Sorry for the bad english ! Have a nice day. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/la-formation
  13. 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
  14. 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.
  15. Hello I would like to create a button on my checkout page where clients will be redirected to a file upload service after payement
  16. 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.
  17. 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.
  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. 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
  20. 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
  21. 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
  22. 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.
  23. 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.)
  24. 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/
  25. 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?
×
×
  • Create New...