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


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Found 355 results

  1. Site URL: https://cat-harpsichord-8zm4.squarespace.com/ On my ipad, the alignment of a paragraph and the image is different than laptop, can I fix that with css? also the button changes from one line of text to 2 on my ipad view, is there a way to change that in css? The first 2 pics are from ipad views, last is laptop Password leidysam
  2. Site URL: https://www.bodycheri.com/ Hi, I would like to change the size of the Quantity Input Button for Products on my landing page. https://www.bodycheri.com/ password: button thanks
  3. Site URL: https://tarantula-calliope-fl4m.squarespace.com/ Hi there – hoping someone can help me have all buttons on my site have an svg icon to that changes on hover. I've been able to get the arrow in, but it seems to disappear after I leave the css panel. here's what is should look like: site: https://tarantula-calliope-fl4m.squarespace.com/ Pass: squarespace /* buttons */ .sqs-block-button-element { text-align: left!important; background-color:#fff!important; border: 4px solid #000!important; color: #000!important; width: 100%!important; max-width: 500px!important; margin: 0 auto!important; display: block; padding: 25px; cursor: pointer; } .sqs-block-button-element:hover { background-color:#000!important; color:#fff!important; border: solid 4px #000!important; } .sqs-block-button-element:after { content: url(/s/iconmonstr-arrow-20.svg)!important; position: relative; right: -300px; }
  4. Site URL: https://cxlife.org/ I have two buttons linked in secondary navigation, one for Login and one for Join. I would like them to be different colors...Login should be dark blue, and Join should remain as orange. The template is Brine (Stella). Does anyone have a suggestion for the code? Thank you!
  5. Hello there :) I hope someone can help me with the SHOP NOW button on my site. Ive just started a process of building my shop and Im complete novice. So far was doing ok but got stuck on SHOP NOW button. It doesn't take you anywhere (displays: We couldn't find the page you were looking for). When you click on SHOP on top of the page it works fine and it takes you to my catalogue. Any idea how I can make SHOP NOW button work? I will be grateful for any help. Marika link to my shop: https://www.marikamala.com/shop-marta
  6. Hi, Just wondering if someone can provide CSS for the header button to move to the centre of the page. Ideally looking to have; - logo far left - button middle - menu right Thanks team
  7. Site URL: https://broadwaydb.com/ I am trying to customize the width of the button block outline. Squarespace has it set to 2px wide as a default. I am using the outline mode of the Medium button block and I want to change the width of the outline to 1px. This is the code I have tried but it is not working in the custom CSS area. .sqs-block-button-element--medium { border: 1px solid #000000; } Any help would be awesome Thanks!
  8. hi squarespacers, i would like to create a graphic as a button. can you help? i know i can place the graphic as an image and link it to a page but i'd have to create each image with its text as a separate image. alternatively, i could place the graphic without text and overlay the "caption" but only if i could remove the black semi-transparent panel under the text that hides the graphic (can that be done?). also, i could not use this strategy for the header, footer, or forms. it would be best to create a custom button. help? thanks.
  9. Hi! I'm trying to change the "Purchase" (Purchase botton) & "Quantity" text under products in the store. It seems like it is set this way and that it only allows english, germane, spanish and french. I would like to change to another language, by changing it manually, since the language is not available on Squarespace. Thank you!
  10. Site URL: https://www.millienyc.com/ I've been working on a simple landing page for a client and was able to customize the entire contact form block to be more on brand. All the new styles were placed into Custom CSS within the Squarespace 7.1 platform. Sometimes, the changes will appear perfectly (at least on Google Chrome browser). Other times, they won't load and I'll even completely lose content, particularly in the lightbox form block: the "Submit" button and the post-submit thank you message. However, BOTH elements are still there! You can click the space where the Submit button would normally appear, and it works. However, sometimes it just doesn't show. I've also tried refreshing and clearing my cache and it still doesn't appear. When it does appear, I have no understanding as to why. The code looks like crap or like it only half takes on other browsers (I've tried Firefox and Safari). I've attached how it should look (and sometimes does) and how it sometimes appears. Does anyone have any idea why Squarespace is doing this and how I can fix it? Could it be: anything to do with my custom code (which doesn't appear to have any errors in the syntax)? the fact that I added custom CSS to a Cover Page? nothing to do with me and just a Squarespace issue? an issue with my browser or a different type of cache? Please help! Thanks in advance.
  11. Site URL: https://www.xn--litterrsalong-8fb.net Hi! I'm about to launch a page containing works from my classmates. What I noticed now is that the blog-layout only shows half of my entries, and that there's a small button at the bottom that reads "Older posts". I would like to either: A: Have this removed and show my 20-25 entries on one page B: Have the text changed into my native language and possibly make it bigger and more visible. For eksample "Neste side" with 3-4 times the size The site is planned to go live the 5th of May, so any help as soon as possible would be much appreciated.
  12. Site URL: https://www.maartenrots.nl/patron To offer customers the possibility to sign up for a subscription with creditcard as well as with PayPal (Squarespace doesn't support PayPal for recurring payments...) I've come up with the solution to use two separate buttons below a block of text. One button is a regular button, this one links to PayPal. The other one is a product block set to display the button only. My problem is that I can't figure out how to make the add-to-cart button span the container, like the regular button does after playing around with some CSS, just for this particular page (#patron-plans). On desktop everything looks fine, I have manually made the size of the add-to-card button to more or less the same width as the block above it. But when you switch to tablet or mobile view the button size changes, where the regular button nicely follows the width of the block above. I would really appreciate your input and/or solutions to make this work, thanks a lot in advance. Here's the CSS I have used (applied to #paypal-plans only): /* Patron Creditcard Button Styling */ .sqs-add-to-cart-button{ font-size: 12px; letter-spacing: 1px; line-height: 2em; border-width: 0px; background-color: #77A2AC; color: #fff; } .sqs-add-to-cart-button:hover{ font-size: 12px; letter-spacing: 1px; line-height: 2em; border-width: 0px; background-color: #D8E8E9; color:#545454; } .sqs-add-to-cart-button-inner { padding-left: 10px; padding-right: 10px; } /* Patron Paypal Button Styling */ .form-block .lightbox-handle { font-size: 12px; letter-spacing: 1px; line-height: 2em; border-width: 0px; width: 100%; color: #fff; background-color: #9FC7CD; } .form-block .lightbox-handle:hover { font-size: 12px; letter-spacing: 1px; line-height: 2em; border-width: 0px; width: 100%; color: #fff; background-color: #D8E8E9; color:#545454; }
  13. Site URL: https://www.daretothink.co.uk/stop-ios-styling-your-input-fields-and-buttons/ For those of you experiencing annoying curved corners on your "Submit" or "Send" button on your iOS devices - I found the code here or at the link attached: textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; }
  14. Site URL: http://www.safemoneylady.com Hi, I am really looking to see how the flow of the site works, does it all make sense, are you likely to click and to explore and what would attract you to schedule a consultation? Am I doing enough to attract a prospects attention and what things should I add? Or remove?
  15. Hi there, I am trying to create a "Book Now" Button to open up pop-up Lightbox for my Calendly Calendar. Is it possible to create in markup/code a button with pop-up? Thanks :)
  16. Site URL: https://gold-rectangle-c29e.squarespace.com/ Hello Experts, How can I assign the "small size" style to the button in the image card blocks (on the home page). They seem to default to the large size, but I would like all the buttons to be the small size consistently across the site. Also, the button in my contact form doesn't match at all, I modified the background color, but don't know how to assign the. same style as the others. Any help will be greatly appreciated, Thanks!
  17. Hello, I am using the "products" collection to show a list of all the products for sale. When you click on the item it goes to the product block where you can add it to your cart, however I would like to show another "add to cart button" under each product in the "product page" for easy selection without navigating out of the page. I cannot figure out how to add the add to cart button anywhere else but the product block. Any advice? website is https://www.milkandsass.com/shop
  18. I would like your help please with code to adjust/decrease the size of the email fill form box and submit button (visual attached of desktop and mobile/tablet) located in my footer on version 7.1. The email fill form box and submit button are too large and do not shrink when I try to change button size in Squarespace's built in button size adjustment tool. Thanks so much!
  19. I have found some great tutorials and answers in regards to styling the form button backgrounds/outlines/etc, however, i'm finding it difficult to use those same instructions to style the font-size of those same elements. Hoping that someone in the community here has a quick answer. Here is the code I have successfully implemented, but inserting "font-size: XXpt !important" does nothing in either one. .form-wrapper .field-list .field .field-element { border: 1px solid #0590CC !important; background: #f3f3f3 !important; font-family: 'Roboto' !important; font-weight: 100; font-size: 12pt !important; color:#0590CC; } select#select-yui_3_17_2_1_1587485975488_17280-field{ border: 1px solid #0590CC !important; background: #f3f3f3 !important; padding: 0.9em; font-family: "Roboto" !important; font-weight: 100; font-size: 12pt !important; color:#0590CC; } Thanks in advance!
  20. Site URL: https://www.studioheavenly.com Hello, I am having a problem with the CTA buttons. Different fonts are showing on mobile version and screen version. When I look at in a mobile version mode on my computer the font looks great, but it is different when I actually look at my website on my own phone. I tried everything, really looked closely at my custom css but there is nothing. The font I want is commuters sans. Thank you for looking into it.
  21. Site URL: https://www.bommestudio.com/shop/protective-face-mask-reusable-fabric I am offering a product that is available for purchase and to donate. I have both buttons set up on the product page but I'd like to add the donation button directly next to the add to cart button (labeled Pre-Order). Is it possible to do this with custom css?
  22. Site URL: https://www.causewaycoastvineyard.com/testgive Hey guys I am adding a custom button to our website and have done pretty well in making it look like our standard squarespace buttons but having no joy with the hover colour and font colour change. Here's a snippet of the code <button class="tithely-give-btn" style="background-color: #FFFFFF;font-family: ;font-weight: normal;font-size: 15px; padding: 22px 55px; border-radius: 3px; cursor: pointer; background-image: none; color: black; text-shadow: none; display;letter-spacing:1px; inline-block; float: none; .btn:hover{background-color: #000000;color: white;} Would really love some help please. James
  23. Just got a quick question, may be a simple fix. I have two buttons on my website which are set to have square edges. Both buttons are buttons for a form (one button per form).Now on desktops/laptops all button edges are square, however on mobile devices the button for the form has rounded edges, whilst the other form's button is still square - the only difference between them being that the second form is in lightbox mode. I tested this and it does it on desktop and mobile versions of the site on iOS in Safari and Chrome Any ideas on how to fix this ?
  24. Site URL: https://www.extraordinaryroutines.com Hi all, I'm having lots of trouble with the button formatting – any ideas on why the bottom line has disappeared? Cheers, Madeleine
  25. Site URL: https://www.enayball.com/ Hey, I have made my website using the Jones template. As I understand, it is not possible to make a button in the navigation bar using this template, however, it is possible to do this via CSS code. I have tried to follow this tutorial: https://thirtyeightvisuals.com/blog/squarespace-add-button-to-header-navigation But due to my limited grasp of CSS I couldn't get it to work. Would really appreciate it if someone could help me out and provide the coding I need. I have attached an image of the ideal button styling I am after (although I would want the text to be lower case). Any and all help much appreciated! Thanks in advance!
  • Create New...