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 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 328 results

  1. 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.
  2. 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.
  3. 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; }
  4. 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; }
  5. 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?
  6. 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 :)
  7. 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!
  8. 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
  9. 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!
  10. How do I add a "Contact Us" button to product pages where the "Add to cart" button originally was in the 7.1 template?
  11. 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!
  12. 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.
  13. 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?
  14. 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
  15. 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 ?
  16. 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
  17. 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!
  18. Hey, I'm trying to figure out how to isolate the header button on my website (using 7.1) so I can create a hover effect. I've tried using the chrome inspection tool but I can't find an element similar to .sqs-block-button-element that would isolate the header button. Any help in figuring this out would be greatly appreciated Website: https://hexaflexagon-star-bh8p.squarespace.comPass: square123
  19. I’m able to add a drop shadow to the button box itself, but I’m trying to add a drop shadow to the button text (i.e. LEARN MORE) since it is a transparent outline style button. The buttons are white against full page images and I’d like them to be more legible. Thanks!
  20. Site URL: https://www.chickenandgrill.com.au Hello! I would like to know if it is possible to add a custom CSS code to a Button Block. I have this CSS code that I use with the Custom Code Block to add a button that will take you the GloriaFood Ordering app: <!-- If you would like to customize the button, remove or change the "class" attribute inside the <span> tag --> <span class="glf-button" data-glf-cuid="f6c86696-efff-4966-8a45-641d018fe960" data-glf-ruid="cec77a3b-e53e-457d-9243-8ab0f61200f4" style="padding:15px; font-size: 16px; border-radius:0px; color:#ffffff !important ; background-color:#c21011; position: absolute; left: 50%; transform: translateX(-50%); top: 0px;"> Order Now</span> <script src="https://www.fbgcdn.com/embedder/js/ewm2.js" defer async ></script> I would like the button on my home menu to do the same thing, but squarespace only allows me to put an url or a page on the button. Is there any way I can make that button, and any other "button block" to act the same way as my custom button? Thank you for your help! Bruneta
  21. Hello, I have been trying to remove the 'Quantity Select' field from my store for days now and I can not get rid of it. I have injected the code that has been posted on Squarespace: and it works great on everything apart from the 'Quantity'. I simply cannot figure out hot to get rid of it. Has anyone figured this out yet?
  22. I added share buttons under my blog post. I know it was shared a couple times on facebook and twitter but the count is not updating. When I shared it myself it said 1 then when I refreshed the page it went back to 0. Anyone know why this is happening?
  23. Site URL: https://bgbodygoals.com/boot-camp Hi I’m having problem adding 3 Paypal Buttons (each is a different price option) to a page on a site. I’m making a website for a client (it is set up to a Business Plan). We/she have connected the site to her PayPal account. She has sent me 3 separate pieces of code for 3 different price levels of her service (personal fitness training). However hard I try though, In her Payment/booking section I can only get ONE of the 3 code blocks to show a PayPal button. I've found that if I remove any 2, the remaining one then appears. I’ve also found that I CAN get all 3 of the prices onto the site.... but only as long as they're on separate Index pages(!) - but I can't seem to get 3 to show on the same page. I MUST be doing something wrong somewhere. I've tried searching every forum thread, Googling etc but I cannot find anybody with a similar problem and there's no mention of "multiple Paypal button" issues on the SqSpace website. Can you tell me where I'm going wrong? I’ve asked a Squarespace technician on the Live Chat, but it has stumped them too, and they’ve pointed me here. (There is also a suggestion that it may be a PayPal problem…) Thank you.
  24. Does anyone know how to do this? I don't need to track a form submission, I need to track individual button clicks.
  25. Hi, I'm using the Moksha template and I'm displaying a Gallery slideshow at the top of my homepage. In the gallery options, we can display text over each image as well as links : how can I display thoses links as buttons ? I don't need to customize them, just to appear as every other button of the site appears. Also, how can I have the other galleries across my site not being displayed as a slideshow ? Thanks !
×
×
  • Create New...