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. Site URL: https://www.blueridgeresearch.com Hello, and thank you in advance for looking at my question. I am looking for CSS code that will create a dark mask and white "Learn More" button on images when hovered/tapped. The images are inside a Summary block. The code can create this action and apply to ALL summary blocks, rather than using a specific id for each one. Please see screen shot below to see illustration. My main question is for the dark mask and Learn More button, but it would be nice if the space below the image where the title and excerpt are pulled in could be a light gray and then turn darker with the hover/tap. I currently have the Summary Block title link disabled. I am using the Burke template. Here is an example of page that I'm working on. https://www.blueridgeresearch.com/home-1
  2. Site URL: http://www.costanzaillustrator.com Hi The "close" or X button, and the "Next/previous" buttons do NOT appear when enlarging individual images on a gallery. How do I make them visible (yet discreet)? Thanks
  3. Site URL: https://educareguardian.com/ Hi, Is there a code where it automatically changes my header button to a different language? I have already finished adding EN and CN language on my website, the only problem I have left is my header button. I currently have 'Book A Consultation' button. I followed Tuan Phuan's tutorial on how to add 2 languages. I also have seen someone having the same problem but he's using a different tutorial for the multilingual website in which I have also tried but still doesn't work. As seen on the attachment, everything else is Chinese except the header button. Appreciate the reply. Thank you.
  4. Site URL: https://motoeconomista.com/ Hi there, I was wondering if anyone can help me modify the navigation buttons that seem fixed for the Banner Slideshow module as shown in the screenshot (black background). For some reason they're round and filled instead of outlined, which is inconsistent with the rest of the design template. I'm pretty sure the template I'm using is Euclid. I'm wanting to get them closer to something in the screenshot of the newsletter sign-up button (red background). Any help would be much appreciated. (On a side note, does anyone know a decent way to create a text-only slideshow, all the available modules with this template seem really clunky and ill-fitting no matter how much I move around the spacing and padding?) Thanks, Alex.
  5. Site URL: https://violin-papaya-mlxj.squarespace.com/ Hi, Does anyone know if I can replace a regular button in a simple list block with a form-block (open form button)? I basically want to go from the button to a form. (Lightbox sort of style). Thanks in advance for any suggestions.
  6. Site URL: https://hideawaycoaching.com Hi everyone, I hope whoever reads this is doing well. I'm wanting to show the CTA for my site, which is currently in the mobile navigation, in the center of the header. I can get it to show using the code below, but I can't seem to make it align into the center. Thank you so much in advance for any help. Code @media screen and (max-width:767px) { .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } .header-title-nav-wrapper { flex: 50% !important; } }
  7. Site URL: https://willlai.com when I hover the contact sending button, it can smoothly oversize. But I want that it can also smoothly back to the original size. https://willlai.com
  8. Site URL: https://https/www.kidsclubchildcare.com.au/ I have a client that wants a button like https://www.kidsclubchildcare.com.au/ has that is over the video. Now the background video is very easy, seeing as you can just set that in backgrounds. The button is what is killing me, for some reason i cant find how to do it myself. I know its probably needing some custom code, but i just cant to search google right to get the answer im looking for. If anyone can help i would be so crazy grateful
  9. Site URL: https://moose-sepia-m3gk.squarespace.com/ hello all, I am trying to change the "Order Online" to have an outline button for the link. I believe I did this before by starting with a template where the button was outlined, but on this particular site, none of the code I am trying is working. Here is the website: https://moose-sepia-m3gk.squarespace.com/ and pw: lipscafe-ss Here is the last code I tried: //button cta a.Header-nav-item:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 100px; } Any help is much appreciated! Thank you,
  10. Site URL: https://www.sanderswingo.com/buttons I need a little help fixing these buttons. Has any one had this issue, where the buttons get cut off at the bottom?
  11. Site URL: https://mackerel-avocado-y57z.squarespace.com/config/pages Hi I am using the Tepito theme for my website and have an indexed home page. When you see my homepage, there is a body of text with an arrow that sits underneath. I want that arrow to simply scroll down to the contents at the bottom of the page, just past the block of the first 2 photos. I'm also open to changing that arrow into a "Learn More" button if that makes adding in this functionality easier. How can I do this? Any help is much appreciated, thanks. Here is the page I'm referring to - https://mackerel-avocado-y57z.squarespace.com/config/pages
  12. Hi I would like to centre the button on my menu overlay as there is no other navigation links linked.
  13. Site URL: https://plantain-tiger-bjwd.squarespace.com/config/pages/60b8480265d7df4bcf8f97ed HELP ME please. When I create a new section on any page of the website it is greyed out. See screen grab attached. I can still add content to the section. As you can see there is a button and a coloured background. But why is there a white/grey overlay on the section? If I move the section up then the image gallery comes down into the second position, and has the grey overlay. So it seems it's the second section position which has the problem. If I create another section below the second one it's completely fine. I hope this is an easy one to fix. thanks! 🙂
  14. Site URL: https://watermelon-koala-napg.squarespace.com/bio-archidex password: singularity Hello! I'm trying to find a way to make the three buttons on the bottom of the right column ("<", "Get Archidex", and ">") to all float left and have a set pixel distance from one another that stays relative with content differences (I'll be using this code on many pages). So, all three will be pushed left in that column and be ~10px apart regardless of text length. I've tried width: fit-content with float: left, but that doesn't seem to achieve what I want. Any help would be enormously appreciated. Page-specific code is in a block at the bottom of the page above the footer. Thanks!
  15. Site URL: https://lascasa.squarespace.com/ Hi All, In the settings I have altered this photo to be a clickable button, is there a way though to not include it in the photo reel? Kind regards.
  16. Site URL: https://www.sarahbucklandcoaching.com/sfsa Hi! Password is: sbc (this section is at the bottom) Using flexbox for the 3 boxes here, but is it possible to make the buttons align to the center of the bottom border of the box? Like in this image: Thanks
  17. Site URL: https://hayesphonerepair.com Site URL: https://hayesphonerepair.com Hi, This is my first time posting here so I'm not sure if I'm in the right place, but I hope someone will be able to help me. I am looking to redirect the "Add to iCal" and "Add to Google" buttons from the confirmation stage of my scheduling page/block. Ideally I would like to only have a single "Continue to Checkout" button (/checkout) instead, or failing that to remove them both completely. I have found the way to change the wording of the buttons, but not the link itself. I hope I haven't missed an easy way to disable these, or someone else asking the same question. If anyone here would be able to assist with this i would be very grateful. Thanks for your time, All the Best, Jarrad
  18. Hi, I've been successfully pasting tags for Font Awesome icons into button text fields up until today when the icons suddenly disappeared. When I try to replace them, they no longer work. If I enter something like this: Learn more about us ī‚Šī¸<i class="fa-regular fa-circle-arrow-right"></i> I get this: Learn more about us ī‚Šī¸&lt;i class="fa-regular fa-circle-arrow-right"&gt;&lt;/i&gt; And no icon shows up. Squarespace support hasn't provided an answer. Has anyone else encountered this problem? Thanks, john
  19. Site URL: https://adjcreations.com I created a website for a client and there is a "join our list" button in the header. The button displays in some views and other times the button is cut off on the right side. Does anyone know what could be causing this and how can I fix it?
  20. Site URL: https://www.siftbakeshopmystic.com/reservations I want to change the color of the "Mix Reservations" button to order to match the branding for the restaurant located above the bakery. How can I change just the one button to orange?
  21. Site URL: https://podread.org/subscribe Hi Everyone, I'm hoping for some help to get these three buttons to sit alongside each other on mobile, so they're in one row / 1/3 each Site: https://podread.org/subscribe Password: READER Thanks in advance for your help!
  22. I want to move my ADD TO CART BUTTON next to the quantity button, right now they are stacked – mainly to reduce space on my website. Any ideas on what code to try?
  23. Hi, I figured it out how to make my website in two languages but only the navigation and pages. So the main button in header is still in one language. (donate button) Someone can help me with a new code ? or maybe some change in the code I already have in footer advanced injection section. THANK YOU! 🙂 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'fr'; var lang = location.pathname.split("/")[1]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "en") { $('a[href="/"]').attr("href", "/cover/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); }); </script>
  24. I have a blog page with different categories and buttons that lead to the different categorical pages; these categories being "all", "current", and "non-current". I am trying to find a way to change the button colors once you're on a certain page so that users can identify what page they are on more easily. My buttons are light blue at the moment but, for example, if I am on the "current" page I want the current button to be a different color or have an outline to distinguish that you are on the current page.
  25. Posting a solution to an issue I had...hopefully it saves someone an entire day of searching online for an answer. JotForm's embedded lightbox works in 7.1 but the button is ugly...and won't match your site styles. To make it match, replace btn in the last part of the embedded JotForm Code Block <a class="btn lightbox- 123456789012345 " > Button Name </a> with sqs-block-button-element--medium sqs-block-button-element It should look like this: <a class="sqs-block-button-element--medium sqs-block-button-element lightbox-123456789012345" > Button Name </a> And to center the button, put <center> on Line 1 of the code block and </center> on the last line.
×
×
  • Create New...