Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can adjust this line padding: 10px 20px !important;
  2. Add to Design > Custom CSS /* Shop Page - Top Links */ a.nested-category-breadcrumb-link { font-family: 'minion-pro' !important; } /* Product Detail - Description */ section.product-details.ProductItem-details * { font-family: 'Ocotillo' !important; }
  3. Add this code under <style> @media screen and (max-width:767px) { .lightbox-caption { bottom: 50px !important; } } </style>
  4. add !important after background-image code, something like this .header-announcement-bar-wrapper [href="/work"] { background-image: url(https://static1.squarespace.com/static/63daffe5e884430a69a0ef9d/t/63e48126e125c02a6cfb3aca/1675919654080/WORK.png) !important; background-size: 100%; background-repeat: no-repeat; background-position: center; color: transparent !important }
  5. Add to Design > Custom CSS [data-section-id="63c76e11ee16613a56e308b2"] { z-index: 10 !important; }
  6. You will need to use a plugin to enable lightbox first (Maybe enable on button, then use code to make image clickable, use button link)
  7. Hi, You can use Gallery Slideshow then enable Autoscroll option
  8. Hi, Add to Design > Custom CSS div#ot-widget-container31 { text-align: center; }
  9. Try this new code @media screen and (min-width:768px) { .user-items-list-item-container[data-section-id="63e59a3a9d4ba53b1f5aa185"] .user-items-list-carousel__media { height: 500px; width: auto; } }
  10. Hi, We can use CSS code to achieve this. Can you share link to page where you use Code Block? We can check easier Another approach, you can change current section to Classic Editor Section, the gap will disappear
  11. Add to Design > Custom CSS /* Cart line */ .cart-row { border-color: white !important; }
  12. What is your site url? We can check easier
  13. Try this code with new class name <script> document.addEventListener('DOMContentLoaded', function() { var element = document.querySelector('.blog-item-title'); if (!element) { return; } var newElement = document.createElement('h2'); newElement.style.order = 2; newElement.className = "blog-item-excerpt"; newElement.innerHTML = document.querySelector('[property="og:description"]').getAttribute("content"); var elementParent = element.parentNode; elementParent.insertBefore(newElement, element.nextSibling); }); </script>
  14. It looks like you changed add to cart style. Do you still need help?
  15. Add to Design > Custom CSS @media only screen and (max-width: 768px) { .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 1.5px!important; box-sizing: border-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } }
  16. HI, We can use CSS pseudo to add this Or you can add 2 sections, then we can give code to make them side by side What do you think?
  17. Hi. Add to Design > Custom CSS @media screen and (max-width:767px) { header#header { position: static !important; } a#site-title { color: black !important; } .burger-inner>div { background-color: black !important; } }
  18. Use this new code <style> header#header img { content: url(https://static1.squarespace.com/static/6367f6214598cd043ea9b501/t/63b2e0fef9eeee6d051697d1/1672667390818/Logo_Icon_Black-01.png); } </style>
  19. Hi, I don't see button now. Can you add it? We can check easier
×
×
  • 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.