Jump to content

tuanphan

Circle Member
  • Posts

    65,526
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Add to Design > Custom CSS .marquee-block { width: 100% !important; } section#manifest-it>div { padding: 0 !important; }
  2. You can add 3 Text Blocks, with: Payment Plan is Heading 1,2,3,4 (any what you like), monthly payment... is heading (different with payment plan), price is paragraph I can give code to Add a border around these Make Heading a background
  3. A few days ago there was a similar question, but for logo. I have posted the code there, you can try searching on the Forum. If you still can't find it, let me know, I can give new code
  4. To change Homepage banner font, use this CSS body.homepage .desc-wrapper * { font-family: 'laski-sans' !important; }
  5. You want to add these icons appear at bottom of this site (this is your site?) https://www.shortstache.com/professional ? Is that right
  6. Don't remove any code in your current code Add this to Design > Custom CSS [data-section-id="6453213e2f1c110bfd8d7c4b"] { z-index: 9 !important; }
  7. This is not possible with List Section Carousel. You will need to use Gallery Block + Custom Code
  8. You can add this to Design > Custom CSS to move text over image body.homepage figcaption.gallery-caption.gallery-caption-grid-strips { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; width: 100%; text-align: center; color: white; }
  9. Yes. No way to change to another theme. I meant you can follow my steps to change current theme color style (in this case, you can change Lightest 1 style color)
  10. You can consider adding a button block in Additional Info, then use this new code to achieve this <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('[class*="type-products"] .button-block').insertAfter($(".ProductItem-details-excerpt ul")); }); </script>
  11. Try adding to Design > Custom CSS > Then save & reload the site /* Mobile Slideshow */ @media screen and (max-width:767px) { div#fullscreenBrowser img { height: auto !important; } div#fullscreenBrowser .slideshow { height: 300px !important; left: 0 !important; } }
  12. You can add a tag: best-seller for these products, then share link to a product, we can give code to add badge.
  13. I don't see arrows. Can you enable it? To apply code to another block, just replace id in the code with new id. Use this free tool to find block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
  14. Hi, Yes. Possible. If you share link to your site, we can check easier
  15. What is site url? We can check easier
  16. You mean hover on each image >> Text box slide up?
  17. Yes possible. But each template in 7.0 will require a different code, so if you share site url, we can adjust code easier
  18. Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5fbbc5154ae5a37ee170bbff .span-2 { width: 50% !important; float: left !important; } div#page-section-5fbbc5154ae5a37ee170bbff .span-2:nth-child(2n+1) { clear: left !important; } div#page-section-5fbbc5154ae5a37ee170bbff .span-2 .image-block { padding: 0 !important; } }
  19. Add this code under. If it doesn't work, please share site url, we can help easier @media screen and (max-width:991px) { header#header img { visibility: hidden; } }
  20. Add to Design > Custom CSS > then save & reload the site /* masonry 2 items */ @media only screen and (max-width: 640px) { #grid { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .item { height: auto!important; } .item { position: relative!important; transform: none!important; width: 100%!important; display: block !important; padding: 1.5px!important; box-sizing: border-box; top: unset !important; } .item img { height: 100%!important; width: 100%!important; } }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.