Jump to content

tuanphan

Circle Member
  • Posts

    64,872
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Try this new code .menu-section-title { font-family: 'AutorichSans' !important; } .menu-item-title { font-family: 'AutorichSans' !important; }
  2. For 24 images in this page? https://www.chloebthomas.com/print-design
  3. Can you share link to your site? We can take a look
  4. use this CSS /* hide block 1 on desktop */ @media screen and (min-width:768px) { #block-1-id {display:none;} } /* hide block 2 on mobile */ @media screen and (max-width:767px) { #block-2-id {display:none;} } Use this code to find block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
  5. Hi, You mean resize banners on mobile? Which pages do you insert banner?
  6. Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1636146845474_14142 { height: 180px !important; } div#block-yui_3_17_2_1_1636146845474_14142 img { width: 100% !Important; height: auto !important; left:0 !important; top: 0 !important; } div#block-yui_3_17_2_1_1636146845474_14142>div>div.sqs-gallery-container.sqs-gallery-block-slideshow.sqs-gallery-has-controls { height: 180px !important; } div#block-yui_3_17_2_1_1636146845474_14142 .sqs-gallery-container.sqs-gallery-block-slideshow.sqs-gallery-has-controls .sqs-gallery.sqs-gallery-design-stacked { height: 180px !important; } }
  7. Add to Design > Custom CSS div.header-nav-item--active a { background-image: none !important; color: red !important; }
  8. Add to Design > Custom CSS h2.ProductItem-related-label { font-size: 20px; margin-top: 40px; }
  9. @JonJonJon You can fix temporarily by adding this to Design > Custom CSS div#block-yui_3_17_2_1_1622550702609_3301 a.summary-title-link:after { content: "Free"; display: block; margin-top: 5px; pointer-events: none; }
  10. Use this new code <script> $(document).ready(function() { $('<a href="https://beaverhero.com" class="logo1"><img src="https://content.invisioncic.com/p289038/monthly_2021_11/GEF_30Years_Logo_ARTTransparent-01.thumb.png.2b8888731ad6854ebf20eedc7da6ee33.png"/></a>').insertBefore('.header-display-desktop .header-title-nav-wrapper'); }); </script> <style> a.logo1 img { width: 100px; } </style>
  11. Something like this? https://codepen.io/Gianx/pen/JDLFI
  12. @skali Try adding this to Design > Custom CSS /* Change image on portfolio item hover */ /* Change image on portfolio item hover */ a.grid-item[href*="/westchester"]:hover img { visibility: hidden; } .grid-image-inner-wrapper:after { visibility: hidden; } a.grid-item[href*="/westchester"]:hover .grid-image-inner-wrapper { background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg) !important; } (the code for first image, if it works, I will send code for other items)
  13. Try this CSS @media screen and (min-width:992px) { div.ProductItem-relatedProducts .list-grid .grid-item { width: 60%; margin: 0 auto; } }
×
×
  • 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.