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://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 🙂
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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 🙂
  7. 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
  8. 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
  9. 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.
  10. 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!
  11. 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.
  12. 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.
  13. 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!
  14. 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
  15. 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!
  16. 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.
  17. Site URL: https://thecreativeinka.com/branding-2 After hours of searching for an answer, I haven't found it. Hope you all can help! I've been using plenty of Custom CSS code snippets on my site revamp on my Brine template 7.0, and on this one specific page, I have no clue where I possibly broke the code. I have a feeling it's in the #cta-button custom code, but I have no clue what part of it - it LOOKS right to me. The first attached image is where the problem lies I think. This whole index-page is supposed to be dark green background with light mint green text, and mint button centered. Second image is another test page showing how this section is supposed to look. The URL for the broken index-page is below and. the background is also not supposed to be fixed in the back of ALL sections - it's supposed to only be the parallax banner image for the top index-page section. https://thecreativeinka.com/branding-2 What the above URL is supposed to resemble: https://thecreativeinka.com/website-design-2 Bit more info on the #CTA-Button code. - it contains a code block with <div> code to create the button, styling in Custom CSS, and a javascript code in footer injection. Again, it's my assumption this is where the problem lies, but I'm not sure. Halp. Thanks!!
  18. Site URL: https://www.ozworx.space Used this code to add a call button to the end of my Navigation Bar in my Five template. However, it is now "buttoning" the last item on the "Services" and "Locations" navigation menu too. How can I limit the "buttoning" to just the call button? Any assistance sincerely appreciated. nav#main-navigation ul li:last-child a{ color: #fff !important; padding:5px 10px !important; border: 1px solid #000 !important; background-color: #000 !important; border-radius:16px !important; }
  19. Site URL: https://garlic-vanilla-9jsw.squarespace.com/config/ I used the following code I found to create a second navigation button, to switch from English and Spanish on the fly. I'd like to use flags instead of abbreviations but I'm not sure what to do now that I have a second button and it uses such a long string of code, don't know if I have to inject some code in here or in a new string. I hope someone can help, thanks! /* begin add buttons to header Version : 0.6d0 SS Version : 7.1 Dependancies : LESS By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ @gap : 0.5rem; // space between buttons /* direction-order controls whether buttons will be oriented in a row or column and if they will be in normal or reversed order. the first argument can be row or column, the second argument can be normal or reverse */ .direction-order ( row, normal ); // do not change anything below, there be the borg here .header .header-actions-action--cta, .header-menu-cta { display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-orient : @d3; -webkit-box-direction : @d2; -ms-flex-direction : @d1; flex-direction : @d1; grid-gap : @gap; gap : @gap; text-align : center; } .header-menu-cta { justify-content : center; margin : auto; margin-bottom : calc( @gap * 1.25 ); } .header-menu-cta a { margin : 0; } @media only screen and ( pointer : coarse ) and ( max-width : 1024px ), screen and ( max-width : 799px ) { .header .header-actions-action--cta { display : none; } } // direction row, normal .direction-order ( @d, @o ) when ( @d = row ) and ( @o = normal ) { @d1 : row; @d2 : normal; @d3 : horizontal; } // direction row, reverse .direction-order ( @d, @o ) when ( @d = row ) and ( @o = reverse ) { @d1 : row-reverse; @d2 : reverse; @d3 : horizontal; } // direction column, normal .direction-order ( @d, @o ) when ( @d = column ) and ( @o = normal ) { @d1 : column; @d2 : normal; @d3 : vertical; } // direction column, reverse .direction-order ( @d, @o ) when ( @d = column ) and ( @o = reverse ) { @d1 : column-reverse; @d2 : reverse; @d3 : vertical; } /* end add buttons to header */
  20. Site URL: https://spinach-orchid-899d.squarespace.com/ Hello, I was wondering if it's possible to change button style from rectangular to parallelogram? Can anyone share a code? Thanks a lot in advance. Mac
  21. Site URL: https://parakeet-alligator-y4sy.squarespace.com/ Hi everyone, I have four overlap images in columns with buttons at the bottom and I'd like the buttons to bottom align even if there is different lengths of text. Any thoughts? Site password is TrishSullivan
  22. Site URL: https://fancythatinglewood.com.au/ Hello, i am in the middle of building my website. It’s going well. But for whatever reason the buttons in the navigation menu (mobile view) and the categories list in the shop section are all underlined. I used not to be the case and I don’t know what I’ve done or how to remove it. (See photo) password: FTI452 I’d appreciate any assistance! Thank you
  23. Site URL: https://www.ilovethedaze.com/ryden I'm trying to put images of streaming service side by side with a button for people to click. Emulating this type of design https://tylerthecreator.lnk.to/LUMBERJACK I tried resizing the image, spacers and everything I could think of but when its in mobile mode the Spotify image gets big and is at the top and the button underneath. I want it in a column, possibly with lines to separate every streaming service. I am a beginner but have been trying to find answers to this problem, any insight would be very appreciated. Thanks!
  24. Site URL: https://www.rivalarchery.com/user-guides Hello! I've added some user guides to my website for the products I sell, using a portfolio to organize them. I want to add a colored box around the text for each user guide to make it more clear that they are buttons. Ideally I'd like the boxes to have rounded corners. I would also like to know how to change the color of the text. Thank you in advance for any advice!
  25. Site URL: http://www.thefriidom.com How doo I change the homepage button colors on my squarespace account without it affecting the other color. As in, I want each "I" button to have a different box color or text color.
  • Create New...