Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'button'.

  • 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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

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

  1. Hi Can any one help me understand one only one of my html code blocks work on squarespace? I have been able to have 2 markdown codes work on the same page, but with the HTML code it does not. I have two post, same html code, just different content. The code is for a read more/read less button. One works fine, but when I click on the other read more button it enables the first post to drop down instead of its own (second post). This is the code below - from some reading i think i need to add an element within the code that allows both or work separately on the same page? <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #more {display: none;} </style> </head> <body> <h2>Read More Read Less Button</h2> <p>CONTENT<span id="dots"></span><span id="more">eCONTENT.</span></p> <button onclick="myFunction()" id="myBtn">Read more</button> <script> function myFunction() { var dots = document.getElementById("dots"); var moreText = document.getElementById("more"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Read more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } } </script> </body> </html>
  2. Site URL: https://jeffvece.com Hey everyone, running into a frustrating problem and hoping there's a solution. I use command-click (mac) to open links in new tabs all the time. But I noticed this does not work on my Squarespace website. All of the buttons on my website open linked pages in the same tab, even when I command-click the button. Is there a way to enable command-click to open in a new tab like on any other site? I've checked other Squarespace websites and command-click works as expected. All I see is the option in the button settings to automatically open in a new tab, which I don't want. I have some custom code in the Code Injection and Custom CSS areas, but I removed both to see if there was anything funny causing the issue and it made no difference. Thanks in advance.
  3. Site URL: https://www.radixhealth.com/ I would like to embed some Hubspot code that creates an HTML button into my header. It would replace the "Learn More" button that is currently on our site: https://www.radixhealth.com/ I know how to inject a code block onto a page but I can't figure out how to do this in the navigation. Here is the code I am trying to embed: <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-70619639-d7f8-4098-a027-6443c8e6ae4b"><span class="hs-cta-node hs-cta-70619639-d7f8-4098-a027-6443c8e6ae4b" id="hs-cta-70619639-d7f8-4098-a027-6443c8e6ae4b"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/4215630/70619639-d7f8-4098-a027-6443c8e6ae4b" ><img class="hs-cta-img" id="hs-cta-img-70619639-d7f8-4098-a027-6443c8e6ae4b" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/4215630/70619639-d7f8-4098-a027-6443c8e6ae4b.png" alt="REQUEST A DEMO"/></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(4215630, '70619639-d7f8-4098-a027-6443c8e6ae4b', {"region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --> Any help would be much appreciated.
  4. Site URL: https://www.radixhealth.com/ I would like to embed some Hubspot code that creates an HTML button into my header. It would replace the "Learn More" button that is currently on our site: https://www.radixhealth.com/ I know how to inject a code block onto a page but I can't figure out how to do this in the navigation. Here is the code I am trying to embed: <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-70619639-d7f8-4098-a027-6443c8e6ae4b"><span class="hs-cta-node hs-cta-70619639-d7f8-4098-a027-6443c8e6ae4b" id="hs-cta-70619639-d7f8-4098-a027-6443c8e6ae4b"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/4215630/70619639-d7f8-4098-a027-6443c8e6ae4b" ><img class="hs-cta-img" id="hs-cta-img-70619639-d7f8-4098-a027-6443c8e6ae4b" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/4215630/70619639-d7f8-4098-a027-6443c8e6ae4b.png" alt="REQUEST A DEMO"/></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(4215630, '70619639-d7f8-4098-a027-6443c8e6ae4b', {"region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --> Any help would be much appreciated. -Z
  5. Site URL: https://brass-cone-xacb.squarespace.com/ I would like some help with some css code to make buttons side by side on mobile
  6. Site URL: https://devonkong.squarespace.com/ Hi all, this is my first time posting here but hopefully my formatting is acceptable. I've imported a custom font in the CSS panel using the code below: h1, h2, h3, h4, p, div, span, label, button, input { font-family: Inter !important; } @import url('https://rsms.me/inter/inter.css'); html { font-family: 'Inter', sans-serif; } @supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif; } } h1, h2, h3, h4, p, div, span, label, input { font-family: Inter !important; } It appears to have worked for everything except buttons. I've tried adding button to the code snippet (...span, label, button, input...) but no luck. I'm pretty sure label refers to the button class anyway. Any ideas? I couldn't find a workable solution in the forums. The password is Thanks! and you can find buttons on the Resources page. Thanks in advance!
  7. Site URL: https://lime-olive-fpwr.squarespace.com/config/ Hi there! I have a CTA button on the header of my site and need it to show up on the mobile view. It is currently only showing up on desktop. Any help you could offer would be amazing!
  8. Site URL: https://www.healthrhythms.com/ I assume it's CSS to add padding to the top of the button?
  9. Site URL: https://nicolaomara.squarespace.com/home Hi everyone! I'm looking to customise some buttons on a page on a site I'm currently working on https://nicolaomara.squarespace.com/home (still in trial mode atm). I'd like to create something like the image below, do I either, a) Add custom css to an image block, or b) position a button so that it overlaps the top edge of the image? Would really appreciate some advice and help with coding as I'm not very confident with css. Thanks!
  10. Site URL: https://guppy-giraffe-2ke7.squarespace.com/contact How do I adjust the padding on the Contact Form Submit Button only? I've searched the forums and used inspect element to find the css for this specific button but it's not working. I've tried it with and without !important at the end too. input.button.sqs-system-button.sqs-editable-button { padding-top: 12px; padding-bottom: 16px; padding-left: 12px; padding-right: 16px;} I've also tried this variation with no luck. input.button.sqs-system-button.sqs-editable-button { padding: 12px; } Website page: https://guppy-giraffe-2ke7.squarespace.com/contact Password: CBCConstruction Thank you!!!
  11. Site URL: https://www.texasdeca.org/advisor-resources I am trying to get the buttons in my header to align all the way to the left. I had it this way previously and messed with my code and must have deleted something. I can't figure out what i've done. Below is a photo of what it looked like before. If you visit https://www.texasdeca.org/advisor-resources, you can see what it looks like now.
  12. Site URL: https://www.plenitudpr.org/communitycenter I have an embed code for a button that links to Kindful campaign. I have tried to center the button in relation of the image and it is impossible using the spacers. How can I fix this? Thanks
  13. Site URL: http://www.embodygreencbd.com Is it possible to add a button to the Item Section of a physical product? It doesn't look like I can add a button (only text) to the item section of a product page. I can only add a button to the additional information section below it, but it messes up the spacing and alignment.
  14. Site URL: https://erickanigan.photography/collections/gypsum-dreams Hi- I have created a form on a separate Contact page (https://erickanigan.photography/contact) that I have built out the drop-down fields for. I am hoping to be able to leverage this same form on separate pages to avoid having to build out the drop-down options again. Alternatively, I was thinking of creating a modified form, but I would like to know whether the title of the page (in this case, "Gypsum Dreams") could be auto populated in a free text field of the form. For example, I would want the title of the piece to autofill in a field so the user would not have to fill that portion out. Any help would be appreciated! Eric
  15. Hi, I am creating a new page and I went to Add Section, List, then chose a preset from the available templates under List. They all have buttons in the blocks but I don't want the button, just the way the rest of the block looks. How can I delete the buttons? Also, can I make the image smaller?
  16. Site URL: https://www.ikhayaspa.com/ Hello I'm looking to add an image onto the back-to-top button in place of text. Any help would be appreciate
  17. Hey! I made a transparent/white background to a block with a button. Now the button is also transparent. How do I ensure the button alone is full transparency! Any help would be greatly appreciated!
  18. Hello, I am fairly new to square space but I am having trouble tackling what I am looking to use the site for. I am an educator and I am looking to create an "achievement board" for my students to be able to look at and access while in class. My goal with the website is to have a front facing page that has "grayed out" achievement images. So then when the class completes one, I will have the functionality on an admin page to mark that they achieved it and switch the image to full color. I hopes of doing this I have tried looking up button functionality within a page but I keep finding ways to only change the image of a button. Nothing I see seems to allow the button to effect anything on the page itself. Could someone point me in the direction of creating a system like I am trying to achieve?
  19. Site URL: https://www.afroperuviansextet.com Hello! I've searched for the answer on the Forum but couldn't find exactly what I'm looking for... 😞 I need to add a Secondary Navigation Button just like the MEMBERS AREA button but to aligned to the left. Same button style, same font, same design. I just need to add an OPT-IN MAILING LIST button to the upper left corner. Thank you so much for your help!
  20. I'm wondering if I can create a animated "up" button on my portfolio, similar to this what they have here (I'm thinking of creating one with a arrow that spins as you scroll) https://www.wearecollins.com/ If so, how do I create this without much coding experience and will this custom code work on my personal plan? Thanks in advance!
  21. Site URL: http://www.bdcalchemy.com pass: admin Hi! 1. I am trying to figure out how to move social media icon (linkedin) to the left hand side 2. Also, can I create also buttons on the left hand side of the header? 3. Plus I have a problem with the mobile view of it. Thanks, and I hope to learn from you!
  22. Site URL: https://gardenia-eagle-gjr9.squarespace.com/config/pages Hi there, I'm wanting to have the '+' button (which is an imported image) rotate when clicked on. Here is an example site of what I mean... https://www.brandstolife.com.au/what-we-do/ password to my site is - bubbles And while we are at it... does anyone know if eflsight has a widget that will play vimeo background video on mobile? Or code for that? Cheers
  23. Hi there, I've written a script for a custom button to be added under my product page. However, I want the whatsapp url to be open in a new window upon clicking on the button. Below is the script I've written: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> $(function() { $("<a class='whatsappbtn' href='https://api.whatsapp.com/send?phone=6588747658'> Whatsapp Us! </a>").insertAfter(".sqs-add-to-cart-button-wrapper"); }); </script> Hope to get some help, thank you!
  24. Site URL: https://zelutionsagency.com/ Hi there, I'm looking to customise my buttons on my website using a png file. (see image below for example) Anyone who can help me with a css code on how to change buttons to a branded / customised png file? See below for website URL and password: URL: https://zelutionsagency.com/ PW: 123456 Thank you for your help!
  25. Site URL: https://mattparker.ca/myth Hello, I'm looking to launch an Intercom bot with a button click. The problem is that when the button is clicked (no clickthrough URL) the page refreshes. Does anyone have a workaround for this? Thanks!
×
×
  • Create New...