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
  • 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

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

Found 355 results

  1. Site URL: http://www.artthou.co.uk/ Hi Squarespace community, I am looking to create a floating form that would appear when a user clicks on specific product (/cart) button - the form would be a lightbox like the screenshot attached. My issue is I need the form action to email me the form info once completed, and then go back to the existing page the user is browsing. Instead of what happens presently, which is the action adds the product to the cart and directs the user to the /cart page. I need this for specific products, not all products. Ideally the form should grab the product description automatically In my case the form would look like the following screenshot attached. Any help hugely appreciated, Hugo
  2. Site URL: https://chiton-tarpon-t78k.squarespace.com/ I'm trying to add a mini image to the right of to my header button text. I'm having issues formatting the text to the left. Also, whenever I refresh the page, the image seems to disappear. Here is the CSS I was using: .white .sqs-block-button-element, .white .image-button a, .white .header-actions .btn { background-image: url(https://static1.squarespace.com/static/5ea25216c82a445ce00182bc/t/5ecdcb02410a777ae78e6987/1590545154904/button_image.png); background-repeat:no-repeat; background-position:94% 50%; background-size:17%; text-align:left;} Appreciate any help!
  3. Site URL: https://plenitudpr.org Hi! I have a multilingual site with 2 folders for each language, 1 folder on the primary navigation and 1 folder on the secondary navigation. I wanted to add a call to action button to the right of the header and added this code. // Last 2nd Nav Item Orange Button // .Header-nav.Header-nav--secondary a:last-child { background-color: #ffffff; /* button color */ color: #ea7c3a; /* text color */ border: 2px solid #ea7c3a; padding: 15px !important; border-radius: 2px, } // Last 2nd Nav Item Orange Button HOVER // .Header-nav.Header-nav--secondary a:last-child { background-color: #fafafa; color: #ea7c3a; border: 2px solid #ea7c3a; } .Header-nav.Header-nav--secondary a:last-child:hover { background-color: #ea7c3a; color: white; } The button turned out great, however, the last item inside the folder I have on the secondary navigation is displaying the same formatting. How can I fix this so that the button formats only show on the call to action (secondary navigation item), and not inside the last folder item. Any help is greatly appreciated!
  4. Site URL: https://moox.house/training Hi all, Custom code newbie here. I need to make the 'book now' button on a product page float on mobile (and keep it static on web). I'm looking to have it stick to the bottom of the page, ideally something like the attached example. My page is live at https://moox.house/training. Does anyone know how to get this done? Thanks
  5. Hey there! I was wondering how would I change the colour of this little icon, or upload my own? I'm using the Classon template. Thanks in advance!
  6. Site URL: https://cutlertutoring.com Hi, I'm trying to delete a button in Corrigan and having a hard time. It's a button that's included automatically when I insert a Section by clicking the blue plus. When I click edit and then hover over the button, I'm not given an option to edit or delete it. Hope that's clear. Thank you in advance.
  7. Looking to keep one button solid and other one outline only. Squarespace Design allows only for one button change. Any CSS code out there for this?
  8. Site URL: https://caper-robin-ljl7.squarespace.com/strauss-reads I'm trying to customize the buttons on this pre-made blog homepage. It appears as if it's correct but I'm getting a strange black line under the Read More text (seems like a hyperlink line but it's not). Any ideas why this is happening? This is the code I'm using: .blog-more-link { background: linear-gradient(to right, #1c397d, #577edb) !important; padding: 10px 10px 10px 10px; width: 120px !important; color:#FFF; border-radius: 50px !important; color: #ffffff !important; font-weight: 200 !important; font-size: 14px !important; line-height: 25px; !important; font-style: bold !important; font-family: noto-sans, sans-serif !important; text-align: center !important; } .blog-more-link:hover{ box-shadow: 2px 2px 2px rgba(0,0,0,.5) !important; background: linear-gradient(to right, #1c397d, #1c397d, #122654); opacity: .8 !important; } a.blog-more-link { color: #ffffff !important; font-weight: 300 !important; font-size: 14px !important; line-height: 25px; !important; font-style: bold !important; text-decoration: none !important; font-family: noto-sans, sans-serif !important; } URL:https://caper-robin-ljl7.squarespace.com/strauss-reads PW: sqbebop6389
  9. Site URL: https://insidejobleaders.com/programs Hello! My first attempt at creating a website with no background in coding. I followed some tips online on how to create a tab section and it worked out well. However, in order to select a tab you have to click on the top half of the button. What do i adjust to make it so the whole button is clickable? Thank you! https://insidejobleaders.com/programs Password: Liza
  10. Site URL: https://flamingo-comunicacion.squarespace.com Password to view site: flamingo1234 Hello everyone, On September 2018 I was developing a website and needed Hello everyone, On September 2018 I was developing a website and needed to add a fixed button in the lower right corner, so I asked this same question. But the item doesn´t exist anymore and Now I don´t now what I`m doing wrong. So, DMK was very kind and posted these answer: If you have a Code Block in the footer and give it an ID, this should give you something similar: #yourIdHere { position: fixed; bottom: 11px; right: 11px; z-index: 20000; background-color: #222; border-radius: 30px; height: 52px; white-space: nowrap; text-align: left !important; border-radius: 0px; height: 70px; } So, I make a code block at the footer and give it an ID just like these: <div id="idiomas"> </div> And then went to: SETTINGS-ADVANCED-CODE INYECTION-FOOTER And put in the footer code section these: #idiomas { position: fixed; bottom: 11px; right: 11px; z-index: 20000; background-color: #222; border-radius: 30px; height: 52px; white-space: nowrap; text-align: left !important; border-radius: 0px; height: 70px; } The result is that the code appears in the footer, and there is no button fixed. I am sure I am making something wrong. Does someone can help me please? I actually need to put to button for linking to the languages. Does someone now what is the correct code? Thank you all so much
  11. Hello there, Would like to add a button that when clicked, a text lightbox would pop. Any suggestion? Thanks a lot! Ana
  12. Site URL: http://www.hughesassociates.org/ How do I create a button that just moves you further down in the page? I don't need it to take me to a new page or link just trying to move the person further down into the page.
  13. Site URL: https://www.asiawest.net/ Hi! I have some products listed on my site that are not available for online purchase, and I would like to get rid of the Add to Cart button on these product's pages. Somebody suggested this code: .sqs-add-to-cart-button { display: none !important;} However, this removes the Add to Cart button on every product page, and I only want it to remove the button on certain products (say, products that are tagged "in-store" or that have 0 inventory). Is this possible? Thank you!
  14. Hi everyone, I have a third party login widget given by the Xsolla company. It is bascially some HTML and JavaScript, but I can't find a way to add a code block in to the main navigation bar. I have been searching a solution everywhere but I couldn't find anything. Hopeully you all can help me and I will really appreciate it. Please find attached a picture of the login widget. Thank you! Eranda MATHES
  15. Looking to keep the text on the homepage button white but orange in the other pages. Any CSS code out there for this?
  16. Site URL: https://www.meltyogastudio.com/ Hi! I am trying to adjust my button on home page to be in line with text, does anyone have a code for this? THANK YOU!
  17. Site URL: https://orange-olive-hs54.squarespace.com/ Hi, My Squarespace template allows me to add one button to my website header bar, but I need to add two buttons – one for English, another for Portuguese. On the Squarespace livechat I was advised to add custom code. What's the code I need to add the extra button to the header?
  18. Site URL: https://pufferfish-llama-7l86.squarespace.com Hi, I have been trying to speed up button hover effects but the css code I am using has no effect: " .sqs-block-button-element:hover { background-color: rgba(0, 0, 0, 1) !important; transition-duration: all 0s !important; transition-delay: all 0s !important } " The background-colour line has the desired effect so I thought the transition-duration line would also work, but it has no effect. Any suggestions? Liam
  19. hi everyone, I'm looking for a way to create a floating button (linked to an url) on the right side of a page, the button remaining from to bottom while scrolling... thanks adance for your help
  20. Site URL: https://www.thesmokist.com/smoking-pouch-2 Hi! Looking to add a 2nd button on the product page for this client. They want to link the option to their Amazon listing for each product. Is there a way to add an additional button so it would show up on both the product page and the product summary blocks? Like here: https://www.thesmokist.com/smoking-pouch-2 and here: https://www.thesmokist.com/products/smoking-pouch
  21. Site URL: https://iguana-okra-akj9.squarespace.com/ Hi, I have a detail page for each book in a folder called BOOKS and I'd like the viewer to be able to go between the pages with a next/prev button or having the next/prev page title display at the bottom of the page, just like a blog post page. Does anyone have a solution/code to make this happen? Thanks for your help.
  22. Site URL: https://tarantula-calliope-fl4m.squarespace.com/ Hiya, Wondering how to make the button fill the red area. Ultimately want it to sit flush with the image and be the same width. site: https://tarantula-calliope-fl4m.squarespace.com/ password: squarespace
  23. I am using the Moksha template and want to make the add to cart button a different color. When i try in style editor it also changes the submit button on the contact us email block. i used this css but it did not work. .product-block .buy-button, .product-block .sqs-add-to-cart-button { font-size: 18px; background-color: #ff9900; padding: 1em 1em !important; } is the code wrong or is it just not possible? my website is www.christaylormft.com the page I'm trying to change is www.christaylormft.com/back-to-basics-sales-page
  24. I am trying to add 2 social buttons which I have created similar to the ones available but using social networks which are not listed in the Connected Accounts in the Squarespace Panel. How could this be done, maybe using Code Injection or Custom CSS? Perhaps it could be done by using 2 random connected accounts and replacing them with the custom ones. Any ideas? http://wesilvergirls.squarespace.com/ These Custom Social buttons are only the last two (Lookbook and Bloglovin’): This what I am hoping to achieve:
×
×
  • Create New...