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


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. 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!
  2. 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?
  3. 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>
  4. 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.
  5. 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.
  6. Hi, I'm struggling to find a way to add multiple font sizes to the button in the header section. Could anyone help with that?
  7. Site URL: https://www.rachelconstantino.com/free-breath-journey-thank-you-1%C2%A0 Hello everyone, I am hoping someone can help me with this issue. I've been searching the forum for hours and can't seem to find the answer. I want to create a CUSTOM form that opens when you click on a button. Using the "lightbox" will not work, because I cannot use the forms from squarespace. I have created my own custom form via my professional email account, aweber, that I put on my site using custom code. (I've tried to make a form directly on squarespace, set up lightbox, and connect it using zapier, but it doesn't work) So now I have the form up on my site, but I want it to be hidden underneath a button, and appear when someone clicks on the button. Is this even possible? Here is an example of a friend's website, and what I would love my button/form to look like --> https://www.intuitivegym.com/birthday-spread/?fbclid=IwAR3e-hYG3iMvIOBIZ46XZc5Ikx0c572hrBmXKQNvPozc3Ppg_TekbIR63aI Here is the page I am working on --> https://www.rachelconstantino.com/free-breath-journey-thank-you-1 As it is now, I have a button that opens a lightbox form... but the form doesn't work. Below is my custom form, but I don't want it to be displayed automatically. I am hoping to find a way where a button will activate the teal form that says "Join the waiting list for the Breathe & Be Community......" --------- Any help is greatly appreciated. Thank you
  8. Site URL: https://willlai.com/ I just used the anchor link to relieve back to top. But I got a problem from different page:( Hope someone can help me. Thanks
  9. Site URL: https://www.toronero.com.au Hi all Need some help - my brain is not computing with what style code i need to write to make this happen I just want to make these two buttons on this cover page the same length so they look symmetrical. Also I don't want it to affect it in mobile mode.
  10. Site URL: https://www.huntersgaragehydepa.com/ Hello! I would like to change the "Book Appointment" button color on the homepage to the color #0511F2, but I don't have the skill or the understanding to change it myself. If you can help me at all with my problem I would be very appreciative ๐Ÿ™‚
  11. Site URL: https://bbad-wwgc.squarespace.com I would like to know if anyone has a solution for my button problem (see attachment). I would like to keep them side by side until around @ 1000px. Thanks in advance. Cheers, Dennis
  12. Site URL: https://www.sundayseltzer.co.uk/barge-drinks Hi there, I have managed to re label all my 'add to cart buttons' and the are looking great however once the button has been pressed and the product 'added!' to cart the button reduces in size by approx 25% . if you press the button again, it reduces by a further 25% etc etc. how can I stop the button reducing every time the product has been added to cart. in the images you can see the 'beer can' product has reduced. regards, Elvin
  13. 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
  14. Site URL: https://fancythatinglewood.com.au/shop/p/1fl9d753yk35s0jw1g3zu8c1g5nou0 Hello, the buttons left and right to see different pictures of a product arenโ€™t working. plus it only opens the lightbox if you click around the top right corner of the picture on the item page, which is odd. It should be enabled on the whole picture wherever you click. currently itโ€™s a carousel type but the thumbnails buttons on a slideshow type arenโ€™t working either, itโ€™s just stuck to the main picture. Iโ€™ve linked the product page on the site. passcode: FTI452 thanks in advance for any assistance. VJO
  15. Hello again! The alignment on my newsletter form button is off. See screenshot attached. Is there any way to adjust this so that they are aligned? Thanks in advance ๐Ÿ™‚
  16. Site URL: https://www.therapistsinbaltimore.com Hello, I need to add a class to the html code in one of my buttons on my contact page (it will open a chat). How do I do this? Do I use the code block? If so, does anyone know the code for a button or otherwise, how to custom code a button to add a token to the class attribute? Thank you! Heather
  17. Site URL: https://fiberseal.squarespace.com Is it possible to make a form field shorter and float the submit button next to it? Trying to do this in my footer. PW: orangedoor
  18. Hi, I'm in the process of making my website and I ran into a small customization problem. On the "shopping cart" page where to cart's contents are displayed there is an "X" icon which is the Remove Item "button". I'd like to change it's color. I tried going thru all the style colors and none of them controls it. I'm guessing I need to change it in "Inspect" view. Any idea how I could go about it? I was able to find its element in the "Inspect" list but no matter what I add as the color value it stays black. I'd like to use a black background and I already have that set but if the element is black and background is black I won't be able to see it. Any help or coding/html example how to change it to white would be greatly appreciated.
  19. Site URL: https://tambourine-oarfish-c28h.squarespace.com/ Looking to change the order of cart and button elements in the header so that the cart is on the far right. Mockup of desired outcome below. Any help is greatly appreciated! Password: Bestcannoli2021!
  20. Site URL: https://lexiramos.com/comic Hello, I'm not sure if this is even possible but is there a way to change the layout/order of the buttons with how they appear on mobile? I want them to mirror how they look on the desktop version or at least have "first page" and "latest page" on the same row along with "Next page" "Previous page" on the bottom. I've been trying to make the blog page look more like the webcomic format. Mobile view: Desktop View: And bonus question, is there a way to create navigation that is similar to the image below, with a buttons linking to the first "blog" page, another linking to the latest and then having "previous" and "next" arrows all lined up in a row? Everything I have right now is just from me lurking on the forums and trying to piece together something that mimics a webcomic layout. I have no background/knowledge of css so I have no idea if this type of navigation works in squarespace.
  21. Site URL: https://volverno.squarespace.com/ Hello! Is it possible to have a dropdown menu in my Norwegian button in my header? I would like it to have an English option under the Norwegian button. I cannot style the one in my Weglot so I made my own button instead. Thank you.
  22. Site URL: https://www.theblissboxstore.com/ Hello everyone, I am trying to implement this cool animated gradient effect that I copy/pasted from Ghost Plugins (link to that effect tutorial: https://www.ghostplugins.com/steps/8gh27ngh) however, when I paste the code into my Design --> Custom CSS box, nothing seems to happen. The only button on my site that I am trying to affect by the way is the "create" button on my home page. Here is the totality of what I currently have inside my Custom CSS box. You'll see there are some other effects in there. /* bliss font */ div#block-yui_3_17_2_1_1610655915491_8117 h3 em { font-family: 'Lionness' !important; font-size: 150px; } /* checkout button */ .checkout-button { background-color: hsl(11, 33%, 75%) !important; } /* section gradient */ article .section-background { background-color: #1fc8db; background-image: linear-gradient( 140deg , #2c2d30 0%, #2c2d30 50%, #0c0d0d 75%); } /* Animated Gradient Button */ .sqs-block-button .sqs-block-button-element--small { background: linear-gradient(-45deg, #53D6FF, #666BE1, #E45372, #F07C63); background-size: 400% !important; -webkit-animation: Gradient 10s ease infinite !important; -moz-animation: Gradient 10s ease infinite !important; animation: Gradient 10s ease infinite !important; } // Animation Keyframes // @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } Thanks in advance!
  23. Site URL: https://www.fasxfis.com/our-services Hi there, Would anyone know how to change the 3 buttons to different colours in CSS? The page is https://www.fasxfis.com/our-services Thanks in advance
  24. My Design section doesn't have color/font etc. under it as an option and I was wondering how I can access these features otherwise? I need to access color so I can change the colour of the text in my header. Sorry if this is a silly question, I haven't been able to find answers elsewhere - any help would be appreciated, thank you in advance!
  25. Site URL: https://www.danieljoseph.com.au/ Hi guys, Custom CSS noob here. I was wondering how I can add the text and buttons "prev/next" centred under my lightboxes when gallery images are clicked on. Here is a site example: https://www.samuelelkins.co/200prcc8p6ligxnjg4dmjje0mthoh7 Would greatly appreciate any help on this! Thanks.
  • Create New...