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


  • 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
  • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://xiaoxuanwu.com/oasis-patient-log I want to customize my button in the "jump to" section. I am using the code .sqs-block-button-element{ background:#c1756c; border-radius: 50px; } .sqs-block-button-element:hover { background:#bc918e; border-radius: 50px; box-shadow: 0px 2px 5px rgba(0,0,0,.3) } The button style has changed, but the hovering effect is still default to the original Squarespace style. How can I change it?
  2. Site URL: https://www.ettiperez.com Trying to move the 'shop now' button on mobile site only higher up so that it overlaps the background image. Ideally I also want to remove the space between the background image and the 2 poster images below without having to change the background size to 'auto' But moving the button up is priority, please help :)
  3. Site URL: http://www.paigemercer.com Hey there I have changed the font on my site using a custom font but cannot figure out the code for the button blocks. EX: Contact, Learn More... etc. This was the code I was using but with another font. button { font-family: Chairdrobe-regular !important; }
  4. Site URL: https://rust-haddock-426b.squarespace.com/config/ Hello, I'd like to have a smaller gap between the two images in the Screenshot 2. I used the headlines element because I can add a button in the middle of the images which I need. I know that I can just use an gallery grid to fine tune the gap betweens images. The problem is, that the gallery grid doesn't have the function to add buttons. Is there another way to get a smaller gap between the images? Maybe with a custom HTML/CSS? Thank you in advance! Phi Dang
  5. Site URL: https://www.melvinraju.com/spiro I want to add a simple like or love counter to my websites where visitors can like a project here's a similar "love" button example which has a heart button and the count above it. https://theforkedspoon.com/lemon-raspberry-cookies/ It doesn't need to be floating like in the example but great if that is possible here's my website and project page www.melvinraju.com/spiro
  6. Site URL: https://www.nyssagluck.com/ Is it possible to build custom code to create a 'Next' & 'Previous' button for my page? Ideally, the buttons will be located in the footer, font in dark grey, with no 'bubble' around the words. The buttons would be for all the pages, excluding the Home Page. Thanks for the help.
  7. Site URL: https://aishwaryabalasankar.com I changed the color of hover on hyperlinks in my website. However, the change affects the buttons too. Additionally, it affects the "back to top" as well. Looking for a way to fix this Highly appreciate your help! Thanks a ton!
  8. Site URL: https://www.seeingseattle.com/ Hi, I have used a code that hides the hamburger menu and displays my button block for my mobile website. However, my button block is halfway off the screen. How do I fix this with CSS code? Here is the current code I am using: @media screen and (max-width:767px) { /* remove burger */ .header-burger { display: none; } /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } } Any he
  9. Site URL: https://thefavoriteco.com/ Hi all, Just uploaded a new font into my site that's very lightweight. i love it but it's not that readable on mobile and so i want to dial up the font weights for paragraph fonts and any fonts used inside a button. Any suggestion on how to do this? Thanks!
  10. Site URL: https://plums-flounder-b2ml.squarespace.com/contact New to squarespace here - just looking for a simple fix to finish up I have inserted some css to make the buttons on body of the pages and the one in my footer show with customized effect but I can not figure out how to do this for the button in the header or the Send button on the form. Any ideas? Also I have the links in the main navigation change color on hover but have not been able to to do this site wide? Here is the button css I have inserted: .sqs-block-button-element--small { border-radius: 8px;
  11. I have one button (solid, rounded) under secondary navigation. I want the color of the button to change when a cursor hovers over it. I am using Version 7.0 - Brine (Nueva template). I understand that I will need to input this code into the Custom CSS section, but I am not sure what code to use. Any help is appreciated. Thanks!
  12. Site URL: https://www.carmenroseportraiture.com/home I'm trying to get the buttons in the code block to look like the buttons that I've already customized in the CSS editor of the site. I think I'm close to getting it to work but I think my code block night need to just be organized differently?
  13. Site URL: https://hwh.squarespace.com/ On the website, in the navigation section I would like to add the DonorBox Button Code below. It is a button that opens a pop up box to donate but we want it in the navigation bar instead of the other button. @tuanphan please help!! 🙂 Donorbox code button: <script type="text/javascript" defer src="https://donorbox.org/install-popup-button.js"></script><a class="dbox-donation-button" style="background: #035aa5 url(https://d1iczxrky3cnb2.cloudfront.net/red_logo.png) no-repeat 37px;color: #fff;text-decoration: none;font-
  14. Site URL: https://dogfish-clarinet-npzm.squarespace.com I would like to direct people to a certain 'section' of a page so they don't have to scroll through the whole page to find something, is this possible at all or not? My password is empulse2020 Thanks
  15. Site URL: https://www.thepush.com.au Any advice or pointers would be greatly appreciated. I am getting different results between chrome and safari with positioning my submit button. Safari is on the left of the image ********************************************* Embed code <div class="push-sub"><h4>Stay connected</h4><form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="XXXXX"><div><label></label><input placeholder=" Email Address
  16. Site URL: https://www.moontimetemple.com/ I have all custom fonts on my website - and I am having some trouble adjusting a few tricky ones including: -The upper right hand get started button -The newsletter sign up text -The contact/form sign up text Screenshots attached What is the code to adjust these to? The custom font I want them I have named Lito
  17. i'm trying to find a way for my cover page image to resize in mobile view (flatiron template). currently, it gets in the way of the navigation buttons in mobile. i know this is a problem that a ton of people have had but i can't seem to find a code that works. if possible to resize and move the navigation buttons to the top/in line with the social icons when in mobile view, that would work too. any advice/help would be greatly appreciated.
  18. Site URL: https://northbarcellars.com/ Just want to change the background color and text color of one button. Or in only one index section if that's easier. (The Tempranillo section/page.) Brine 7.0. Here's the site: https://northbarcellars.com/
  19. Hi! I am trying to locate the instagram icon in my home page towards the bottom of the screen (in the mobile version) but I can't change it's position (see picture attached). Does anyone have a code recommendation that would help me with that? Thank you so much in advance!!
  20. Site URL: https://chocolatieraustraliawebsite.squarespace.com/ Hello. - I am wanting the two buttons in additional info to span to the same width as the product item info above. - I would like these buttons to move closer to the accordion menus above also Thank you kindly for your help. PS. Don't mind the shoes and chocolates 😛
  21. Site URL: http://www.gggaaallleeerrryyy.com Hey everyone, I'm looking for an answer to this little problem here but can't find the solution. Our website's call to action button in the menu section is lower than the rest of the menu. Do you know how to make it all centered to the same line? Thank you so much for your help and have a great day!
  22. I am using the Paloma template and want to make teh top navigation look more like buttons. Any directions for this?
  23. Site URL: https://thewritestuffcopy.com/ I'm having trouble with some of the buttons on my home page. For whatever reason, they're not inline with the images above them. These buttons were inserted through the image link option. Any ideas on how to rectify? As a secondary question, the text becomes left aligned if want a longer button title. For example, if if put 'my services', instead of 'services', the text switches from centre aligned to left aligned. Any idea how to fix this also?
  24. Site URL: https://souqluxury.co.za/ Hi all, I have used the following code injected into my page header to take the additional info box and place it under my product description instead of at the bottom under the images. For some reason my add to cart button will not center align and it is slightly off and I would like the social icons to move under the size chart button. Is this possible ? Password : kimsedgwick <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> window.Squarespace.onInitialize(Y, functi
  25. i have buttons on my home/cover page in the "outline" style (flatiron-template). the font within the buttons changes to black during the hover over effect. is there a custom css code that allows me to change the color to something else during the hover? any advice/help would be appreciated
  • Create New...