Search the Community
Showing results for tags 'button'.
-
Someone asked this in another question-I'm trying to recreate a gold button as pictured (without the icon), but can't seem to get the coding correct. This is what I have so far... .sqs-block-button .sqs-block-button-element--large { padding: 10px 15px; text-shadow: 0 .5px 0 #959595; border-shadow:0 1px 0 #909090; } When I create text filled with my gold foil image, I use the following code. So I'm wondering how to merge the two concepts to have gold font and a gold outline. //Gold Text// background: url(https://static1.squarespace.com/static/5d49bbc0fd8be40001ace1ad/t/5d6593728c
-
Removing Show Thumbnail CTA from Wells Gallery Pages
dzam posted a question in Coding and Customization
Is there a way to do this with CSS code without affecting the PREV/NEXT CTAs?Thanks in advance. -
Edit Text on Checkout button on shoppingcart page
TomasAH posted a question in Coding and Customization
When on shoppingcart page there is a button called "Checkout" - I'm looking to change this text.Does anyone know ho to do this with CSS or other code? I managed to add the correct wording via CSS, but would rather replace/remove the orgiinal text. -
https://brass-seabass-bwnd.squarespace.com/ password:- worker need to header fix and also button hover color blue.
-
Google Ads Seem to Interfere with buttons on iOS
mtf1008 posted a question in Coding and Customization
Hello, on my website I am having issues on iOS in Safari and Chrome specifically where ads seem to be interfering with the functionality of buttons on my Squarespace site. The buttons on a page work fine until I start scrolling by placing my finger within an ad area to begin the scrolling motion. You can see an example of this here, try scrolling up and down on the page by pressing within the ad area. And then try the + button at the top or Continue button at the bottom and see they no longer seem to function. They work fine before doing this: https://marvelguides.com/silver-age-part-1 Also i -
How to position the SendOwl add to cart button on the PDP?
Garnette posted a question in Coding and Customization
Hi, I'm using the Aubrey Template and see that I can add the code block to add the SendOwl 'add to cart' button in the 'additional info' section of the SqS product detail page, however, it puts it pretty low on the page on desktop and in mobile it's worse as I do have other additional info elements to display and keeping the button on the right side is making it appear last. Is there a way to add the code block within the product details text block? There are no 'handles' to insert it, at least in my template. Would appreciate any guidance. Thank you! -
I'm editing a collection landing page and here is the CSS I have developed so far: #collection-xxxxxx { .Header {display:none;} .Footer {display:none;} .form-wrapper .field-list .field .field-element {background-color: rgba(0,0,0,.5); } .form-wrapper .field-list .field .field-element:focus { background-color: rgba(255,255,255,.9); } .sqs-block-form input {color: white;} .sqs-block-form input:focus {color: black;} .form-button-wrapper .sqs-editable-button-color {background-color: rgba(255,0,0,1);} .sgs-editable-button-color:hover {color: blue;} } I set up the form, so that it is
-
Form submit button not working after changing margin-top
ostizzle posted a question in Coding and Customization
I added the following code to remove the blank space at the top of a page when viewing on mobile: /remove padding for mobile devices/@media (max-width: 480px) { collection-5d5c6af616b14c000132e7af .sqs-block-html .sqs-block-content { margin-top: -100px; } It seems the active spot for clicking 'submit' is now no longer aligned with the 'button' on the page, and I'm unsure of how to fix this. Can anybody help? Thank you. -
I have three buttons on my homepage, all of which I'd like to link to my store page.I can go through all the steps to link to the button, but when I hit "apply" the page freezes.I just want to connect to another page on my own site, but it keeps locking up. How do I fix?
-
Hi, for my portfolio page I've designed images to be used as buttons for my Demo Reel, Detail Reel, and Resume. I was wondering if there is any way to make it so that if you click on the Demo Reel button, my Demo reel video either drops down below the button or opens in a lightbox. I'd like to also do this for my Detail reel just below, and then below that have a Resume button that drops down to reveal links to two of my resumes. My goal is to have these all be on my homepage for easy access but not a lot of clutter of multiple videos.
-
hello I've used the following CSS code to make buttons exact, but the text is now aligned at the bottom of the button and I want to centralize it to the top, I already tried some codes but none worked.... element--large { width: 120px; height: 20px; } -
Hi I'm using Fairfield theme from Brine FamilyWhenever this part of my website is on mobile, the gap between the button "shop" and the next photo below it is too close. How do I adjust it to be bigger? Thanks in advance! website: https://porpoise-mustard-822y.squarespace.com/ password: 12345678 website: https://porpoise-mustard-822y.squarespace.com/password: 12345678 -
There's a bug in the 7.1 template that custom colors applied to the background of a non-active color theme don't then show when subsequently applied to a specific section on the website (it defaults to the regular colors). This is a bit of a pain, as it would be a great feature to setup more than the two contrast colors easily for an end user. I can fix this for the website itself by adding the following to the custom CSS; .black-bold:not(.has-background) .section-background {background-color: #ff0000 !important;} However, I would also like to update the color selector button to also lo -
Call to action button on Navigation - AVENUE template
myrto posted a question in Coding and Customization
Hello Any ideas on how to add a call to action on the navigation (subscribe to newsletter)? I currently just pasted a unicode character in the page description, but I would prefer a button. I tried all the other ideas for other templates provided in this forum but nothing seems to work. The URL is www.onebreath.eu Thank you!!! -
is there a way through custom css to make the heart like button float along the right side? Its pretty small and we dont think people see it since its so small and at the very bottom of blog posts, etc.
-
Hi! I would like to change the "email" text as well as the icon displayed on mobile from the navigation header of my site to "Preorder now". However, Adirondack template doesn´t give you the option to modify the name or icon. I would really appreciate if anyone can help me out with this! This is my site: https://utamu.shop/ thank you! -
Pop-Up Lightbox button for Calendly
joshcohen1570048738 posted a question in Coding and Customization
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 :) -
I was making edits to my site and noticed there is a new interface for button links. It's great to have the ability to manage files within the dialog; however, there does not appear to be an option to "open link in new window" — this used to be found by scrolling down just below the clickthrough URL area. I'm using Chrome on a Mac... have never had issues with the interface in the past. But when I upload a PDF I ALWAYS want to open it in a new window and don't want to have to get too fancy to do it. Am I missing something? I've looked, scrolled, etc. Thanks. -
Hi, Im trying to add a call to action to the main navigation menu on the FIVE template.so far i manage to use code injection and custom css to create the button but can't find a way to add it to the end of the menu. i've found some help topics talking about adding some css coding to customize the last item on the menu.. but is not what i would like, i want to add a much bigger button separate from the menu.the site is no live, thats why I'm not charing a link to the site. attached to images the actual scenario and and image of what i want the end result to be. Thank you in advance! -
How can I add a button to Brine template image on hover?
evkastner posted a question in Coding and Customization
Hello! I am using the Brine template. I've added image blocks to an index page. Here is what I'm trying to achieve:When a user hovers over one of the images, I would like an outline style button to show that reads VIEW PROJECT, so that they can click it to view more details about the project. Additionally, I have been trying to change the layout-caption-overlay-hover style so that it covers the entire image. I'm able to affect the color, but not the height of the caption itself. Has anyone solved for these issues / can anyone help? Here is what I was trying to use to increase the height o -
I'd like to have a button that matches the others on my site template (small, left aligned), but instead of linking to another page, I'd like this button to copy a piece of text to the clipboard. Enter clipboard.js. I believe I've uploaded the javascript properly - as a "file" link under unlinked pages). Under header code injection I've configured: <!-- Plugin Clipboard.js --> <script src="mydomain.net/clipboard.min.js"> </script> <!-- end Plugin Clipboard.js --> But I'm lost on how to actually get it working using a squarespace-styled button. Your advice is gr
-
Hello, I'm trying to add a "Call Now" button to my home page. I have added the button, and updated the link but when you click it you get sent to a blank page. I'm trying to accomplish this on the cover page for the Aubrey template. Any ideas why this is happening? Thanks in advance! -
Hi. I'm using the Brine eCommerce theme. I'd like to change the buttons in the Subscribe Form Box to lowercase. How can I do that? -
Hi,Does anyone know how I can add Facebook share button to Images. Just like how we can Pin images to Pinterest. I want to allow people to share specific images that they love to their own facebook page. I was told that I need to code injection. Please kindly share some codes or link if you know how to. thank youScott
-
Hi all, does anyone know if there's a way to change the older or newer text buttons on the Ishimoto blog to read as View Latest Blog PostsView Previous Blog Posts Is there also a way to make the text appear bold? Many thanks for helping.
