Jump to content

tuanphan

Circle Member
  • Posts

    66,414
  • Joined

  • Last visited

  • Days Won

    532

Everything posted by tuanphan

  1. Add to Design > Custom CSS .header-announcement-bar-wrapper { padding-left: 2vw !important; padding-right: 2vw !important; }
  2. Yes. You can adjust button position. With button size, you need to use code. "Find out whats happening on our facebook page" >> Can you share link to this page? We don't see this button on homepage
  3. If you use Fluid Engine, each case will need a different code. If you use Classic Editor Image Block, this will achieve easier. You can add Image, text over image, then share link to page on your site, we can check & give the code
  4. Use this code (7.1) .products.collection-content-wrapper .grid-item.is-loaded { margin: 0 !important; width: 100% !important; float: none !important; border: 1px solid #000; }
  5. I know a plugin can do this. You want a free solution or plugin? We will send the link
  6. Add this code to Design > Custom CSS /* product lightbox button issue */ body[class*="type-products"] .lightbox-inner input.button { border: 1px solid black !important; color: black !important; }
  7. Try adding this to Design > Custom CSS body#collection-62ee45e6010ae8217b942708 .gallery-block { transform: Scale(0.7); }
  8. Hi. How about this code? https://codepen.io/Rathijit/pen/EbQqPd
  9. Try this new code /* Mobile-home-hide arrows */ .user-items-list-item-container[data-section-id="62e30dddfd9ed73756fe085b"] .mobile-arrows { display: none; }
  10. Try this new code @media screen and (max-width: 640px) { div#index-section-1288-about img, div#index-section-paper-on-audio img { width: 100% !important; left: 0 !important; height: auto !important; } div#index-section-1288-about { height: 190px !important; } div#index-section-paper-on-audio { height: 200px; } div#index-section-paper-on-audio .index-item-text-wrapper.reveal-index-title { justify-content: flex-start; } body#collection-62112bb786cd8c28fd38ee6f, .index-section article { background-color: white !important; } }
  11. Use this code /* align left nav */ .header-layout-nav-center .header-nav { text-align: left; }
  12. Use this code for Pagination Titles h2.item-pagination-title { font-family: 'Manrope ExtraBold' !important; }
  13. Use this new code div#block-5f4ac623c656937e8255 { .email input { color: white !important; } textarea { color: white !important; }}
  14. You want Header under first section (on homepage only) On scroll, header will be sticky to top (homepage only) Is this right? Add this code to Homepage Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.2.2/twcsl.js"></script> <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script> <style> @media screen and (min-width: 768px) { #header { position: sticky; top: 0; display: none; } main .page-section:first-child + #header { display: block; } main .page-section:first-child { min-height: calc(100vh - 93px)!important; } } </style>
  15. Hi. It looks like you removed button. Do you still need help?
  16. Add to Design > Custom CSS /* checkout button */ button.cart-checkout-button { font-size: 17px; padding-top: 10px !important; padding-bottom: 10px !important; }
  17. It looks fine to me/ Chrome/Windows Video: https://www.loom.com/share/4fb1f9b246b74aedb9d75720d6d6defb
  18. Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('ul.eventitem-meta.event-meta.event-meta-addtocalendar-container a').attr('target','_blank'); }); </script>
×
×
  • 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.