Jump to content

tuanphan

Circle Member
  • Posts

    64,655
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can use this CSS code to align title - links @media screen and (max-width:767px) { h2.nested-category-title.nested-category-title-padding+.nested-category-tree-wrapper ul li { margin-left: 0 !important; } }
  2. https://sunfish-turbot-cxel.squarespace.com/artwork Edit this page > Add a Code Block > paste this code <style> div.multi-button a[href="/artwork"] { background-color: black !important; color: white !important; } </style> With this page https://sunfish-turbot-cxel.squarespace.com/artwork-light Add a Code Block <style> div.multi-button a[href="/artwork-light"] { background-color: black !important; color: white !important; } </style> With this page Add a Code Block https://sunfish-turbot-cxel.squarespace.com/artwork-dark <style> div.multi-button a[href="/artwork-dark"] { background-color: black !important; color: white !important; } </style> With this page https://sunfish-turbot-cxel.squarespace.com/artwork-color Add a Code Block <style> div.multi-button a[href="/artwork-color"] { background-color: black !important; color: white !important; } </style>
  3. Use this CSS code body#collection-656c8ef744d7061e0779f189 .image-block:hover img { transform: scale(1.5); transition: all 0.3s; } .image-block img { transition: all 0.3s; }
  4. Use this CSS code /* Newsletter button hover */ button.newsletter-form-button:hover { background-color: #222 !important; }
  5. use this CSS code div.header-nav-item:not(.header-nav-item--active)>a:hover { background-image: linear-gradient(currentColor,currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100%; }
  6. You mean move author above newsletter and keep comment still at bottom of page?
  7. Just a suggestion. You can put Chinese text between the symbols # #, then use JS code to change it to a <span> tag, then you can target Chinese text easily to change the font. I haven't tried it yet, so I don't know if it will work.
  8. You are using new editor, so you can edit page > Click Mobile icon on top right > Then drag button to make it center https://www.exercisethought.com/
  9. I tried clicking 2 events, but it redirects to 404 page. Can you check it again?
  10. Hi, Can you send iframe code & link to page where you added iframe?
  11. Add to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="6582f67475277e4dc17a24c7"] ul { min-height: unset !important; } body.homepage h2.list-item-content__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; } }
  12. You can use this CSS code .icon-cart-quantity { display: flex; align-items: center; justify-content: center; }
  13. You can add this code to Website Tools (under Not Linked) > Custom CSS [class*="type-blog"].view-item div.header-nav-item>a { color: black !important; }
  14. Use this code body#collection-65617b37d80eb03260094d87 * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; }
  15. Butler password is incorrect With product color, you can use this code to Custom CSS .ProductItem-gallery-current-slide-indicator.enable-on-first-image-load.enabled { color: white !important; display: block !important; } .ProductItem .product-item-gallery-carousel-control::after { border-color: white !important; }
  16. Try adding this code to bottom of Code Injection > Footer <script> jQuery(document).ready(function($){ if (jQuery(window).width() < 767) { $('a.upload').attr('target','_self'); } }); </script>
  17. Try this code to Website Tools (under Not Linked) > Custom CSS body { background-color: #3d5273; }
×
×
  • 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.