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 204 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 am struggling to add a button to my portfolio gallery. I am using a portfolio Gallery grid on the homepage with minimal of 9 images and underneath i want to place a "view all work" button which will direct to the full portfolio (separate) page. I know I can add extra elements in sections by selecting the little "grey selector inserts" but with this portfolio grid this feature is not working. Should i use normal images grid on homepage instead of portfolio grid? And then on the main portfolio page use the grid (the existing one)? I hope I make some sense. Thank you in advance.
  3. Hello! I don't know if I'm asking this question in the best way, but essentially what I'm trying to do is the same thing I used to do in 7.0, where I would be able to turn a form into a clickable button that, when clicked, creates a form pop-up. I've tried making this in buttons and forms separately in 7.1, but absolutely nothing seems to have this option in standard or advanced style settings. If this was a removed feature, does anyone know how to do this with coding? Keep in mind I'm not a coder, so anything you give me will require hand-holding.
  4. For some reason, the text within buttons is underlined on one of my Commerce pages (for all product listings). No other buttons on other pages of the site have this issue. For reference, the page is: https://www.judithandrolfe.com/fine-art . When you click into any of the products, you will see the CONTACT FOR PRICING button at the bottom. How can the text underline be removed? The button was added in the Additional Info section of the product, and I'm using the Forte template if that matters. To be clear, in Site Styles, Underline Body Links IS checked, since I do want to keep links underlined on the rest of the site. Thanks in advance for the help.
  5. Hello there, Has anybody implemented a resy widget before? Is there a way to have the widget live on the nav bar? I have it install below the carousel https://www.nyumbai.com/ but would love to house it on the nav bar. I believe there's some way by installing scripts and tagging an anchor tag to link on the nav bar, but have yet to figure out what the code is. Thank you in advance!
  6. HI. I would love to insert my own paypal button, not use the squarespace commerce, as they take an additional 3% on top of paypal charges. I need to know how to add, or have someone add the html for me. Please and thanks
  7. 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!
  8. 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)
  9. Would anyone know how to change the direction of a button to read it vertically instead of horizontally? Thank you
  10. 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?
  11. 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.
  12. 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.
  13. 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
  14. 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.
  15. 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.
  16. 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?
  17. 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??
  18. 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
  19. 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.
  20. 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!
  21. 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!!
  22. 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ë
  23. 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; }
  24. 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.
  25. 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
×
×
  • Create New...