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://chateauboll-pamelahsiung.squarespace.com/ Hi! Can someone show me how I can increase the border for a button? Thank you! website: https://chateauboll-pamelahsiung.squarespace.com/ password: brineintopedro This is what it should look like:
  2. I am trying to do sticky next and prev buttons on each of my portfolio pages, I've managed to get them to work on my desktop as well as mobile but when i go to check on my tablet only the one button ("next") shows at fullscreen. The only time I can see the second "prev" button is when its half screen view on the tablet squarespace app. I am using this: @media only screen and (min-width: 280px) and (max-width: 992px) to target the sizes, the only way it will fit or show up on the mobile is when I do 280 px and I've messed around with it so much now so I'm a bit lost on how to get it to show on a full sized tablet as well any insight is appreciated site is : https://flugelhorn-seahorse-lzrb.squarespace.com/aqua-de-vida pw: design123
  3. Site URL: http://www.dronefreq.com#contact Hi, I'm trying to have it so the three buttons at the bottom of my page format on mobile the same way they're formatting on desktop. To clarify, I want the three buttons to sit next to eachother, centered, rather than being stacked upon eachother. Is this possible? Thanks! www.dronefreq.com#contact
  4. Hello! I have set the following CSS to apply to buttons on hover. Currently, it works as it should when the editor is open, but stops working when I view the page. I've checked all of the code in a validator. Here's all the custom CSS, and bolded the custom CSS that's not working. /*button hover outline*/ .sqs-block-button-element:hover { border:2px solid rgb(46, 148, 144); background-color:transparent; color: rgb(46, 148, 144); /*hex:#2e9490*/ } /*Links color and underline -- nav and body*/ /*nav links*/ .header-nav *, .header-menu-nav * { text-decoration:underline !important; text-decoration-style:dotted !important; } .header-nav-item--active a { background-image: none !important; } /*nav links hover*/ .header-nav *:hover, .header-menu-nav *:hover { text-decoration:underline !important; color: #2e9490 !important; text-decoration-style: dotted !important; transition: opacity 100s; } /*body links*/ .sqs-block-html a, .summary-metadata-item a, .summary-title a, .twitter-block a, .image-title a, .blog-item-wrapper a { background-image:none !important; text-decoration:underline !important; text-decoration-style:dotted !important; } .sqs-block-html a:hover, .sqs-block-summary-v2 a:hover, .summary-title a:hover, .twitter-block a:hover, .image-title a:hover, .blog-item-wrapper a:hover { text-decoration:underline !important; color: #1C355E !important; text-decoration-style: dotted !important; transition: opacity 100s; } /*making clipart on front page all 150px tall*/ #block-yui_3_17_2_1_1627938337544_19186, #block-yui_3_17_2_1_1627938337544_21119, #block-yui_3_17_2_1_1627938337544_17959 { height: 150px; } Unfortunately can't share the URL since this is for work, not a personal account.
  5. Site URL: http://www.currandental.com.au I am building a website for a dentist. He would like a book now buttons and a phone number button to be in the header of the site. I have added a button and a link with the phone number, but he was wanting the phone number to be visible when mobile view and currently all of the menu at the top disappears into the hamburger menu when it is mobile. I was wondering if anyone knows custom code to have the two buttons at the top and when it goes to mobile they remain there next to the hamburger icon. Obviously they would need to be minimised to a phone icon and a calendar to fit them in when mobile. I have attached a website that does this well. I've shown the desktop view of the buttons and then the mobile view. Is this possible or am I needing to employ a web developer for this? Thanks so much
  6. Site URL: https://discover-westport.squarespace.com/ https://discover-westport.squarespace.com/ Password: dw On the circle images, I have white buttons below with orange text, I want to increase the size of the Font for these buttons to 18pt. @tuanphan Thank you (:!
  7. Site URL: https://www.littlebigguys.co.uk I'm having some trouble adjusting the CSS of the newsletter form. Originally, I wanted to decrease the height of the input fields and button from the default (which is massive) to be more like the rest of the buttons elsewhere. I've used the snippet below for my changes, but it annoyingly causes the button text to sit at the bottom of the button. I have applied 'display: flex; align-items: centre;' to every parent block conceivable, without joy. Adding padding to the button or its wrapper only moves the outline and not the contents. it would also be nice to change the field font-size to .9em, but I can't seem to find the correct class. Any help would be appreciated, thanks. .newsletter-block input { height: 0.3em; max-width: 18em; font-size: 0.9em; } .newsletter-block. newsletter-form-wrapper { display: flex; align-items: centre; } .newsletter-block .newsletter-form-button { max-height: 0.3em; }
  8. Site URL: https://www.swiftsbf.com/ Hello! Hoping someone can help me with displaying the header button on mobile. The settings for the header layout show a button, however it does not actually display... having chatted with squarespace user support, they told me it hides when "it can't fit" (even at ipad size screen it is hidden 😞 ) and that otherwise it can only be accomplished with custom code. There's definitely room in the header, even on a very small mobile screen, so i'd like to do it!
  9. Site URL: https://www.resolutelabs.org/ Hey All! My client wants to have 2 buttons AND a burger menu. Attached is what I have so far... I just need one more button as a header element. Any ideas on how to add a second button next to Get in Touch? TIA! password: rlabs
  10. Site URL: https://www.freeflowtherapy.co.uk I'm redesigning my site into impact and trying to find a way to code a floating side button to book online, rather than just on the title and at points throughout the page. I was trying to follow this but with no luck: https://beatrizcaraballo.com/blog/add-floating-book-button-squarespace Can anyone help with this?
  11. Site URL: https://www.hotherside.com Hello πŸ™‚ Would love to get help on how to move the Size, Quanity and Add to cart button just below the price.
  12. Site URL: http://www.marleyshouseofsport.com In my settings for my template I have all buttons for my site set to "pill" shaped. However for two buttons on just one of my pages I need them to be square with a border. Firstly how do I do this? Secondly, in the past when I have customised something similar to this in this way I am using a block ID for that particular button to change things in the CSS code.. however in the case of client accounts where I have to duplicate a page over and over again.. making this change for every duplicate page in the CSS is the only way I've been able to make these changes. How then can I create a page with these sort of custom CSS alterations that I can then simply duplicate into another identical page? Would I need to inject that code into that particular page instead? Any help would be very much appreciated. - Dan
  13. Site URL: http://www.brentstirton.com/ Hi, I am working with a trial page of the wells template and am having issues with large captions. I saw Brent Stirton's page and saw his caption button layout, so i'm asking if anyone knows how to code for this. Thanks.
  14. Site URL: http://www.kingscottcopy.com Hi This is too simple to even search for... I've added a couple of mailto buttons, but none work. In fact if I come out of edit and click on one squarespace become unresponsive and I have to refresh the page... Nothing wierd added... super simple page ??
  15. Site URL: https://doyouspeakmagic.squarespace.com Hello, I was able to add a black Instagram icon (though I want it to be with rounded corners, not like a square). But I am not able to direct it so that when you CLICK on the icon (either of them) it directs you to the instagram account: https://www.instagram.com/the_magic_movement/ how can I do this? or does anyone have a better solution? To go into the website, it is: https://doyouspeakmagic.squarespace.com pass: letmein thank you!
  16. I have a button on my homepage that I want to have go directly to the checkout page on my site since we only have one product available. When I enter the URL, it will works perfectly fine and seems to have been saved. However, if I log out of square space and reopen the site, the button does not have the URL saved and I have to re-enter the URL. Any suggestions?
  17. Hi there, Is there a way to automatically open default email client with pre-populated content from a button on 7.1? I'm guessing it may need J query injection, as it won't work by simply adding pre-populated content on email linked button unless there is an email address in the field. But if you want user to share they they'll need 'To:' blank so they can add in email recipient's address themselves. Any help appreciated. Thanks Marc
  18. Site URL: https://www.jonnehansson.com/ I wonder if it's possible to remove "Back to..." and "Prev/Next" in pages within the Index page? Thank you for the help in advanceπŸ™‚ Very best Jonne jonnehansson.com
  19. Site URL: https://projectsinsider.squarespace.com/ Hi all, I'm trying to get some coding to work with a pop up button from Typeform. For some reason, they have been unable to supply the code so I am hoping I have some luck here. Website - https://projectsinsider.squarespace.com/ Pass - lifeisgood Page - https://projectsinsider.squarespace.com/real-estate-melbourne/typeform Script: <script src="//embed.typeform.com/next/embed.js"></script><center><a style="margin-top: 16px;border: 2px solid #ff8500;color: #ff8500;"><button data-tf-popup="lQlkhSSq" data-tf-hide-headers data-tf-hidden="urlsource=xxxxx,property=xxxxx,suburbofinterest=xxxxx" style="all:unset;font-family:;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:transparent;font-size:18px;border-radius:0px;color:#ff8500;padding:0 50px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;">Register Your Interest</button></a></center> The code above is my attempt that has resulted in the image below using a code block. Ideally it would be great to have the button look and behave exactly like my Squarespace buttons, image as seen below. Even better if somehow the code can be coded in such a way so that it references my Squarespace button settings/preferences and so if i do decide to change any styling in the future, all my buttons will automatically change accordingly whether its color or font or size. Upon hovering over the button above, the text color becomes white and the button color becomes #ff8500. Appreciate any help. Thanks in advance!
  20. Site URL: https://mmsaudio.squarespace.com/styles Hello all. I love the flex buttons in 7.1 (new convert to 7.1 here after holding out as long as I could). Unfortunately, the same old thing is happening: buttons on forms and newsletter blocks are basically not customizable. I would love the Submit buttons on the form and newsletter block to have the same behavior as the standard buttons and navigation button. Help? pass: mmsrox
  21. I would like to make all buttons be in the center of the page for the mobile version. Since there are some buttons that positioned at the side and some buttons that are positioned in the center and would like it to look all unison. Thanks
  22. Site URL: https://www.leaportho.com/schedule-a-consultation I am trying to add this custom link into the button so that the button will take the site visitor to the scheduler for my office software. The office management software gave me this link to use: <a href="https://www.anywheredolphin.com/forms/www.leaportho.com/t2gIDTgZ5E+JxjdOctQavg">New Patient Online Form </a But, when I put that into the button link, I lose the shape of the button and the display is this: The word display is active and can be use to schedule an appointment through my management software. Why do I lose the "shape" of the button when I insert that link? Thanks in advance!
  23. Hi there, Having difficulty working out how to increase the size of text inside buttons I add to a site I'm working on. Have seen a couple of other posts on the subject but haven't discovered a solution that works. In the Design-Site Styles-Fonts-Buttons section I can adjust the size of how big a small, medium or large button appears, the weight of the font and the letter spacing. In the Design-Site Styles-Buttons section I can adjust the padding (which just increases and decreases the size of the buttons themselves again). If in the Fonts section I increase the font Base Size (which I don't want to do as only want to change the button text size) this increases the font size in the button, but also the size of the button itself. I can't find how to change the size of the actual text which appears within the button. Any help gratefully received.
  24. Hello! I'm trying to find out how to style buttons like the one from the attached photo. The URL to the website is also below. Any help would be much appreciated! Thank you! https://studioluxe.co/about
  25. Site URL: https://planpals.co.uk/corporateevents Hi All, Looking for some code help. I would like to add a floating "Enquire" button on the bottom right of all pages of my site which opens a contact form in a lightbox on click. Looked around and tried a few options I've seen but couldn't get any solutions to work for some reason. Website: https://planpals.co.uk/corporateevents psw: Hann0v3r123* Thanks for any help! πŸ™‚ Catherine
  • Create New...