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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Whenever I'm using "card" style design for an image, there is a giant space between the text and the button. How can I remove that space? One of the pages I'm having this issue on: https://www.yawny.blog/blog-posts/sapphic-books-september-2021
  2. Site URL: https://trainverce.com/ I'm trying to get these buttons side by side on mobile view
  3. Site URL: https://disegnojournal.com/shop/p/disegno30 Hi there Due to changes in VAT for sales from UK to EU, we need to add a 2nd 'Add to Cart' button on product page so that EU customers are directed to a third party fulfilment service. Please can I get help with the code to do this please?
  4. hello. trying to add a colored hover link to text but it changes button too. is there a code to stop this? thank you!
  5. Site URL: https://amethyst-banjo-2g6e.squarespace.com/listen Hello, I would like to decrease the spacing between these three buttons to be right next to each other. Would also like to tighten the light height between "Begin Your Journey" and "Where are you right now?" without effecting the rest of the site. Any ideas?r
  6. Site URL: https://h2o-test.squarespace.com/ Website: https://h2o-test.squarespace.com/ Password: Contractor1 Hi, I'm looking for a solution for the buttons in the "Drain Cleaning" section on the homepage. There are 4 dark blue buttons and I would like them to be divided in to columns of 2 instead of having them all stacked. On mobile the text of a couple of the buttons also doesn't vertically center anymore. How would I fix that. Any help would be much appreciated! Cheers, Tom
  7. Site URL: https://bubblegumdreams.squarespace.com Hello! I'd like to remove all the add to cart options from the 5 products on this page. https://bubblegumdreams.squarespace.com/tiled-goods as I've already created a form for people to fill in prior to purchasing. Thank you so much for your help
  8. Site URL: https://owlhealings.com/ Hi there, On my website I am using Weglot translation service which is working great! However when I want to also add the Facebook Messenger button it doesn't show up, even though I chose through facebook settings to have their button on the left side and weglot is on the right hand side.... Does anyone here know how I can, in a simple way, have both of the buttons at once?. These are the codes I am using atm (they are both just copied and pasted from the website I want to add): For weglot: <link rel="alternate" hreflang="sv" href="https://owlhealings.com"> <link rel="alternate" hreflang="en" href="https://en.owlhealings.com"> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_1ba15574215e959596390c470190fc268' }); </script> For Facebook: <!-- Messenger Chat plugin Code --> <div id="fb-root"></div> <!-- Your Chat plugin code --> <div id="fb-customer-chat" class="fb-customerchat"> </div> <script> var chatbox = document.getElementById('fb-customer-chat'); chatbox.setAttribute("page_id", "378693042833123"); chatbox.setAttribute("attribution", "biz_inbox"); window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v11.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/sv_SE/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> EDIT: I want to add as well that I have the WeGlot code in the area called "header" and the Favebook code in the area called "footer" in "code injection". Grateful for help. Much love, Karl-Simon
  9. Site URL: https://www.vilaarts.com/ Hello I am trying to insert a custom button on my page. After searching quite a bit, I managed to put the button where I wanted, but the button repeats in all the image blocks. I can't find the correct ID to link the code to a specific image block. And another problem that I have not been able to solve, is how to convert it into a link. I put the code below and an image of how I have the button. Thank you very much in advance! div.image-subtitle.sqs-dynamic-text::after{ background-image: url('https://static1.squarespace.com/static/56d7589c22482e044b50f7ea/t/613b957548a2cf6da340cbf8/1631294837890/whitearrow3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 100px; width: 100px; height: 70x; margin: -68px 490px 0px auto; width: 65px; }
  10. Site URL: https://tmwomensaus.squarespace.com/ Hi there, I am wanting to add a floating button to my site - I have managed to work it all out with some featured text however, I want the text replaced with an icon. Site is https://tmwomensaus.squarespace.com/ pw TMAUS I have uploaded the icon into 'manage custom files' - stuck from here. Any help most appreciated! Thank you!
  11. Site URL: https://cornet-rose-35f3.squarespace.com/config/ I would like to add a back button or an arrow to indicate going back to the previous button to every page except for Home page. Thank you, Maya
  12. Hi, I have looked through many blog posts but have not been able to resolve this issue. Currently I have two buttons stacked and I'd like to have them side by side and have them appear this way for both desktop and mobile. Any help appreciated. Thanks.
  13. Site URL: https://harp-robin-fsew.squarespace.com I want the 2 buttons to be at the top of my mobile nav, above the regular navigation links. Anybody know how to change the order? PW: hello
  14. 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:
  15. 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
  16. 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
  17. 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.
  18. 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
  19. 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 (:!
  20. 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; }
  21. 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!
  22. 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
  23. 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?
  24. 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.
  25. 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
×
×
  • Create New...