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

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

  1. How do I change the color of just one button on the navigation bar?
  2. Someone posted this question several years ago and there wasn't an update. I've built my homepage in Illustrator, with images an menus. I want to be able to put a transparent button over the menu items that will then launch the specific item. I tried adding a button, but it just pushes the image around the screen when I try to place it. Is there another theme I can use that will let me do this? Thanks
  3. I would like to make all of the buttons within my mobile navigation the same width. Does anyone have custom code for this?
  4. I need to hide the "member login" button in the footer on certain pages only on this website. Is there code I can use to do this? Thank you!https://formula-sense.squarespace.com/ingredient-interpreter-1
  5. Hi everyone! I would like to change the "CHECK OUT" button (indigo template), and have it translated to Norwegian. But the mentioned button is locked by default to English. Anyone here knows how to custom code that button, so that I can have it written in Norwegian? Greetings from Norway :)
  6. Hi there, I'm creating a form on a website that is not in english. I managed to change the text on the form button to what I needed, but I'd also like to change the "Submitting..." text that appears once you click on the button. Is there any way to do it? Thank you!
  7. I am using the Moksha template and want to make the add to cart button a different color. When i try in style editor it also changes the submit button on the contact us email block. i used this css but it did not work. .product-block .buy-button, .product-block .sqs-add-to-cart-button { font-size: 18px; background-color: #ff9900; padding: 1em 1em !important; } is the code wrong or is it just not possible? my website is www.christaylormft.com the page I'm trying to change is www.christaylormft.com/back-to-basics-sales-page
  8. 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/5d6593728c58ca00012b4334/1566937971075/THEGOLD.jpg); background-size: 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  9. Is there a way to do this with CSS code without affecting the PREV/NEXT CTAs?Thanks in advance.
  10. 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.
  11. https://brass-seabass-bwnd.squarespace.com/ password:- worker need to header fix and also button hover color blue.
  12. 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 if you select the X button to close the ad you initiated scrolling on, it seems to allow you to interact with the buttons on the page again. Any ideas on what's causing this and how to prevent it? I really don't want my site viewers to think the links and buttons are broken.
  13. 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!
  14. I am using the Ishimoto template: Although the product page displays an “ADD TO CART” button, I need to add an additional button directly below this one that says “CHECKOUT”, and I need it to be identical (if possible) to the add to cart button. I do realize that once a customer adds an item to the cart, the Squarespace template will then automatically display a “cart” button floating at the top of the page. However, I still need to add my own checkout button so that I can send customers to a page with more instructions before they go to the cart. ANY help appreciated, I think I’m on the right track because I already have the following code, but I know the positioning code here is not going to align it directly under the ADD TO CART button like I need it to (because I need for my CHECKOUT button to automatically align itself with the add to cart button no matter what the browser window size is, etc): <style> .checkoutbutton { background-color: #292929; text-indent: 0; display: inline-block; color: #fff; font-color: #fff; font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; height: 50px; line-height: 50px; width: 250px; text-decoration: none; text-align: center; } .checkoutbutton:hover { background-color: #292929; font-color: #fff; } .checkoutbutton:active { position: relative; top: 1px; color: #fff; } </style> <p align="right"><a href="/pagelink" class="checkoutbutton">CHECKOUT >></a></p>
  15. 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!
  16. 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 transparent and when you enter text the fields are white (text black) and when you are not editing the fields the text is white. I'm having issues with the button. When I hover over the button the background is white. I want the button background to be red, text white, and when I hover over the button the background either stays red or changes to anything but a light color. I'm okay with the button hover to change to white if I can have the button text color change to black at the same time. What am I missing here?
  17. I was able to customize the banner text/header and button for the regular banners at the top of each page and index section. However, I have not been able to figure out how to edit the exact same elements on a slideshow banner. Here's a test page I created to demonstrate this:https://hyperboloid-guava-pw2m.squarespace.com/slideshow-testPassword: bristol As you can see, I was able to get header-style text and buttons overlaid on the slideshow images. The font, font color, and button customizations reflect what I have chosen on Squarespace's style options. However, I can't get the outline/shadow and button position that I was able to achieve on the index page (screenshot attached) using CSS. It seems that the banner text and buttons for the slideshow banner are not affected by .desc-wrapper or .desc-wrapper p:last-child (or .desc-wrapper p:last-child>a). Any suggestions?
  18. 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.
  19. 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; }
  20. 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.
  21. 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!!!
  22. 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
  23. please help! is there a way to add a button instead of the 'read more' link in a summary block?
  24. 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.
  25. 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!
×
×
  • Create New...