Jump to content

tuanphan

Circle Member
  • Posts

    63,866
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. Use this code div.form-submission-text p { font-family: 'TIEMPOS' !important; }
  2. You mean add a background image cover whole page (both header, footer, main content..)? https://caribou-elk-ezem.squarespace.com/work/fashion-pjt79
  3. You can use this plugin to make zoom effect: https://www.will-myers.com/products/p/image-zoom-and-follow
  4. background-attachment: fixed won't work on mobile, you can consider disable effect on mobile only
  5. I see you added the code in desktop @media query code, so it runs on desktop only. Move code I sent to top or bottom of CSS box, and don't wrap code in any } or { symbols of your current code
  6. Because the text too big, so it will create box width increase, so on some screen sizes, you will see problem You can set some CSS (Website Tools > Custom CSS) like this to resize text on specific sizes @media screen and (min-width:700px) and (max-width:870px) { .markdown-block span { font-size: 20px !important; } }
  7. You can use this CSS code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { .mobile-arrows { display: none !important; } .desktop-arrows { display: none !important; } }
  8. Remove this code <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://images.squarespace-cdn.com/content/v1/6569f5f4c6270c44fe28fed3/8dd1a38a-9aee-4507-a014-25558223fab5/Swoop+headboards.png?format=1000w); background-size: cover; max-width: 700px background-repeat: no-repeat; background-position: center center; } </style> add this new code <style> header#header img{ content: url(https://images.squarespace-cdn.com/content/v1/6569f5f4c6270c44fe28fed3/8dd1a38a-9aee-4507-a014-25558223fab5/Swoop+headboards.png?format=1000w); } </style>
  9. First, make text block cover whole image Next, add this word clickable with link to bottom of your Text Block Next, add this code to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.fe-block a:contains("clickable")').addClass('text-click'); }); </script> <style> .text-click { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-click, .text-click * { color: transparent !important; } </style>
  10. Try this CSS code, if it doesn't work, please share your site url body { background-color: white !important; }
  11. You can add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control:after { border-width: 3px 3px 0 0 !important; width: 2vw; height: 2vw; }} To change size, use above code With color, I don't see arrows on mobile. Can you check it again?
  12. You can use this CSS under [data-section-id="635ae09c7c826e6c3f5c1a83"] .plyr__video-wrapper, [data-section-id="635ae09c7c826e6c3f5c1a83"] video { border-radius: 0 !important; }
  13. Product Image on Shop Page or Product Thumbnail on Detail page?
  14. List Section Carousel, Gallery Block Carousel or which carousel? Or Can you share link to page where you use it?
  15. Yes. Then you can add a back to top button, to scroll up/down easier
  16. #1. Add transform-origin to this code div.header-nav-item:last-child { position: fixed; left: 0; top: 50%; transform: translatey(-100%) rotate(-90deg); transform-origin: 30% 100%; } div.header-nav-item:nth-last-child(2) { position: fixed; right: 0; top: 50%; transform: translatey(-100%) rotate(90deg); transform-origin: 73% 100%; } #3. div.header-announcement-bar-wrapper { padding-top: 2px !important; padding-bottom: 20px !important; }
  17. Can you share link to page where you use gallery?
  18. Try adding this to Website Tools (under Not Linked) > Custom CSS body * { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }
  19. Hi, Just add a Link item, then you can enter Shop or any page.
  20. To add Info under Add to Cart You can add it to Product Additional, then we can use code to move it under Add to Cart. You can add then share link to a product, we can check easier
  21. You can use this code to Website Tools (under Not Linked) > Custom CSS nav#main-navigation { position: absolute !important; right: 0; left: unset !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.