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

  1. 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 :)
  2. 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!
  3. 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
  4. 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;
  5. Is there a way to do this with CSS code without affecting the PREV/NEXT CTAs?Thanks in advance.
  6. 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.
  7. https://brass-seabass-bwnd.squarespace.com/ password:- worker need to header fix and also button hover color blue.
  8. 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.
  9. 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!
  10. 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>
  11. 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!
  12. 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?
  13. 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?
  14. 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.
  15. 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; }
  16. 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.
  17. 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!!!
  18. 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
  19. please help! is there a way to add a button instead of the 'read more' link in a summary block?
  20. 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.
  21. 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!
  22. 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 look the same. In my example, I'm trying to target the 'black bold' button in the section color selector. The element selects as; <button data-color-id="black" class="ThemeCard-card-3WmWD" value="black-bold" data-test="theme-card-7" style="background: rgb(0, 0, 0);"><span data-color-id="safeLightAccent" class="ThemeCard-largeSample-2Yust" style="color: rgb(255, 255, 255);">Heading</span><span data-color-id="white" class="ThemeCard-smallSample-YTLoM" style="color: rgb(255, 255, 255);">This is a section<br>of a paragraph.</span></button> But when I try to target it to change the background color of the button to the red in the css, neither of the following works. .ThemeCard-card-3WmWD {background: #ff0000 !important;} input[value="black-bold"][data-color-id="black"] {background: #ff0000 !important;} What should I be using to select this element? Image below if it helps understand where I mean. Thanks
  23. 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 of the caption to fill the full image, but it didn't work. .image-block-outer-wrapper.layout-caption-overlay-hover .image-caption-wrapper { background: rgba(245,242,239,.97) !important; box-shadow: 0 2px 4px 0 rgba(51,51,51,.07) !important; max-height: 100% !important;} Here is the URL of my site: http://cleverelk.com/
  24. 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.
  25. 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 :)
×
×
  • Create New...