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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

Found 294 results

  1. Hi I've added custom CSS to change the font of buttons. But it's applying to some buttons but not all. What is the code to change the font for all buttons? This is the code I used: .sqs-block-button-element { font-family: 'Open Sans Light' !important; }
  2. Site URL: http://www.elivery.no/ Hi. I need help changing the text/button showing "Back" on mobile version of our site, to native Norwegian. Take a look at attached image. I contacted Squarespace Support, but they could not help med and wrote: "So we don't have the functionality for this built in text to translate into Norwegian currently. You may be able to do this with some custom code." Can anybody help me out please?
  3. Site URL: https://www.therumkitchen.com/home-2-1 Hello there, I'm trying to edit button styles and I stuck - it seems like css code doesn't respond to color changes. I'm trying to edit text on yellow button from white to black. Here's the code: /**Button Small**/ .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small:hover { background-color: #fff; color: #fff; } .small-button-shape-pill .sqs-block-button .sqs-block-button-element--small, .medium-button-shape-pill .sqs-block-button .sqs-block-button-element--medium, .large-button-shape-pill .sqs-block-button .sqs-block-button-element--large{ border-radius: 0px; border-style:none; font-family: Signpainter; } .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small { background-colour: none !important; } .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small:hover { background-color: transparent; } .small-button-style-outline .sqs-block-button .sqs-block-button-element--small{ border-radius: 0px; border-style:none !important; background-color: #000; color: #000000; margin: 0 auto; margin-top: 15px; width: 200px; font-family: Signpainter; font-size: 18px; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 15px; background: url(https://static1.squarespace.com/static/5d4bea07a49c3800010ddaf6/t/5d72757494c66e0001f1fc67/1567782260166/button-yellow.png); background-repeat: repeat; background-size: auto; background-size: 100% 100%; background-repeat: no-repeat; background-color: none; border-style: none; } .small-button-style-outline .sqs-block-button .sqs-block-button-element--small:hover{ display: block; margin: 0 auto; margin-top: 0px; margin-top: 15px; font-family: Signpainter; font-size: 18px; colour: #fff; height: 18px; width: 200px; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 15px; background: url(https://static1.squarespace.com/static/5d4bea07a49c3800010ddaf6/t/5d7250a85d2fb30001f1ad37/1567772840707/button-black.png); background-repeat: repeat; background-size: auto; background-size: 100% 100%; background-repeat: no-repeat; background-color: none !important; border-style: none !important; text-align: center; } Will appreciate your help. Many thanks Michal
  4. Site URL: https://www.runningchickenfarm.com/ I have a button on my homepage which I believe was part of the template. As far as I can figure, it is part of a text block, rather than a button block. I think it is linked to the home page itself, and I can't figure out how to edit where the button links to. If you look at the site, it says "learn more."
  5. Site URL: https://www.growingheartevents.com/ Hi friends- I am using the built in donate button on my page www.growingheartevents.com and since it is a splash one- pager- I want it to open in a new tab, like every other link on the site. This is not a built in function on the site. event when I try to create a button that clicks out to the donate page- if the donate button is not there as well- it is a lost link. Any ideas?
  6. Site URL: https://www.kevanw.com Is there a way to make the buttons on Squarespace 7.1 look centered on mobile devices? I have some "lists" with images, text, and buttons, and the buttons are justified left on desktop, but I would like them to look centered on mobile devices.
  7. I want to add a "Scroll to top" button to my website. Can you help me about how to create it? Thanks.
  8. Site URL: https://www.ahenriksen.com Hi, I am using the bergen template on a business plan. I have made the page multilingual (english and danish), and originally the template has a button as link in the header. Though being multilingual it says the wording is english and leads to the english contact page on both language versions. I would like it to be in Danish and lead to the danish contact page when on the Danish version of the site. Any suggestions? Thank you in advance.
  9. Hello guys,I am looking for a good spoiler button, which can hide or show some text and images on my pages. I am using the solutions offered in this question, but my webpage is loading too slow and it takes too much time until the content I need to hide gets hidden. Do you have any advice for improving the performance or maybe some other solution? You can see a sample page from my (puzzle) website here - > http://www.puzzleprime.com/updates/?tag=Advanced
  10. Site URL: https://www.samadihealing.com/en/retreats Hi there 🙂 I'm wondering if it's possible to have a pop-up appear in response to clicking a button on a site? I'd like a pop to appear when people hit the 'book now' button on this page (attached) of my site. Any suggestions or guidance would be much appreciated. Thank you!
  11. Site URL: https://www.whitewillowphotos.com/ I want my buttons toward the bottom of my website in mobile view to be side by side. I tried and I can't find the answer.
  12. 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
  13. 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!
  14. 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!
  15. 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
  16. Hi there, Just had two quick questions about the Quick View feature in the e-shop. I'm using the Brine Template (non-updated version). 1. Is it possible at all to change the text on the "Quick View" button to another text like "Preview" or something? 2. As another option can the entire button change to my own button icon? Thanks in advanced!
  17. 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!
  18. 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.
  19. 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?
  20. 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
  21. Site URL: https://theweightofhonormovie.com Hello, Does anyone know how to add more than one button to the header in Squarespace 7.1? I'd like to add another white button next to the existing "Host A Screening" button. Thanks in advance!
  22. 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
  23. 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
  24. Hello there, Would like to add a button that when clicked, a text lightbox would pop. Any suggestion? Thanks a lot! Ana
  25. 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.
×
×
  • Create New...