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

  1. 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.
  2. 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!
  3. 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>
  4. 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!
  5. 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?
  6. 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?
  7. 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.
  8. 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; }
  9. 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.
  10. 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!!!
  11. 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
  12. please help! is there a way to add a button instead of the 'read more' link in a summary block?
  13. 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.
  14. 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!
  15. 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
  16. 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/
  17. 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.
  18. 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 :)
  19. 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!
  20. 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?
  21. 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 greatly appreciated!
  22. 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
  23. 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.
  24. In the Mokscha template it is possible to change the button title of the form block but when you click it is displays "submitting". Is it possible to change this to a custom title and if so, how can I do this? Thanks in advance for responding! :-)
  25. Hello ,I would like someone to help me with the LEARN MORE button!How can i add this one instead of the READ MORE button that already has in the "Carouzel" summary !Or perhaps it's in a different summary and i haven't see it !Anyway i appreciate any help you could give me ! Thank you !
×
×
  • Create New...