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

  1. I'm trying to make a LinkTree workaround on my page. It's so simple it's stupid not to -- EXCEPT I don't know how to make the width of every button uniform (and appropriate for mobile viewing). Bonus: Getting rid of navigation tabs for this page only. Here's the page: https://www.homegrownfit.com/learn-more Thank you!
  2. I have created a simple, one-field form to collect responses to email to me. I would like to center the "Submit" button. In the form settings, I clicked "Advanced," then "Button Alignment: Center." But the button remains aligned to the left side of the page. How do I fix this? Thanks so much! This issue occurs in Chrome and Edge for Windows and Chrome for Android. Don't have Firefox, so haven't checked that. www.middle.st – about 2/3 of the way down (I'm using Bedford, if that helps)
  3. Would anyone know how to change the direction of a button to read it vertically instead of horizontally? Thank you
  4. I am using code that is not at all on mobile devices - i understand from reading other posts that ":hover" doesnt function on mobile. Im looking for an alternative for two sets of code that I have applied to the same image - hoping it will work on both mobile and desktop. On mobile, the images are requiering multiple clicks This first one inverts the image (This one is targeted to a specific block🙂 #block-yui_3_17_2_1_1576941445838_49178:hover { filter: invert(100%); } This second one causes the image to increase in size (this one is NOT targeted to a specific block): a img.thumb-image { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } a img.thumb-image:hover, a img.thumb-image:active { -webkit-transform: scale(1.1); transform: scale(1.1); } It works great on desktop, but I'm wondering how can it be adjusted for mobile?
  5. We have a homepage with a video plaing in the background and our company Logo already in the centre, I'm trying to add an invisible button over the top that navigates to our main navigation page. Is it possible to add an invisible square button on top of this logo that navigates to the main page or a semi transparent box that only appears when hovered over so that it doesn't obscure the video? Edit: To complicate things a bit the page I'm trying to add the button to is a cover page which seems to be more problematic to amend using CSS, any advice on the best option for creating the page described would be much appreciated whether that means amending the current cover page we have or remaking the cover page to replicate the basic cover page. In the end we want to have the homepage of the site be just an automaticlly playing full page video that loops with nothing else except a discrete button in the middle navigating to the full website.
  6. 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.
  7. I'm not a coder.... I figured out how to make an accordion style dropdown on my page. Can anyone tell me what to add to this to make it look more like a "button?" Right now the dropdown header is just text so people cant really tell its a dropdown... ### +<span style="color:navy">COSTS AND HOW DO WE SIGN UP? (Tap for Details)</span> Site page is https://www.leveluplacrosse.com/group
  8. Hi, I am using the Brine family template. I am looking to add a button that when clicked it opens the form in light box mode to contact. The button would be called Inquire Here. I have already Disabled the Add to Cart button from the product page using CSS Code. Thanks Edit. If it would be easier I could add the same button to the Header so that way it still shows up on all the product pages.
  9. I've got this index page on my website: https://thegamerscat.squarespace.com/media/With 4 pages within it: Info, Games, Films, and Others. And I want to have three button blocks on the top page (Info) that will bring the user down to a specific page in the index. How do I do it? I have little to none programming knowledge by the way.
  10. Hello, I am using the "products" collection to show a list of all the products for sale. When you click on the item it goes to the product block where you can add it to your cart, however I would like to show another "add to cart button" under each product in the "product page" for easy selection without navigating out of the page. I cannot figure out how to add the add to cart button anywhere else but the product block. Any advice? website is https://www.milkandsass.com/shop
  11. 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?
  12. 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??
  13. Hello SS Power Users, Is it possible that when a user adds an item to their cart: a "Go to cart" button appears after the "Add to Cart" (AtC) button has been clicked? if not, a hyperlink is placed below the AtC button for easier navigation? I am using the Brine family (Foster Juice Co. template). Currently, the product page allows for either "Add to Cart" (AtC) button, or if Express Checkout is enabled, a "Purchase" button that brings the user directly to their cart. The AtC button when pressed is somewhat anticlimactic as it indicates the item was added to cart. The cart button is located in the upper right area however IMO adding something to cart then clicking on the cart in the top right is not as intuitive of a purchase process. Your help would be much appreciated! Thanks, Charles
  14. 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.
  15. 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!
  16. 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!!
  17. 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ë
  18. 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; }
  19. 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.
  20. 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
  21. 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
  22. 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.
  23. 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.
  24. 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.
  25. 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 !
×
×
  • Create New...