Jump to content

tuanphan

Circle Member
  • Posts

    65,051
  • Joined

  • Last visited

  • Days Won

    519

Everything posted by tuanphan

  1. Hi, You try reduce top section image size. When the image takes time to load, it will display the body color behind. I'm not sure if image reduction can solve the problem, if not then the only way is to change the red color to another color (if you need code to change color, you can let me know)
  2. Hi, It looks like you solved this with Will Myers After Before Slider Plugin
  3. Hi, You mean these buttons? Use CSS code like this to Website Tools (under Not Linked) > Custom CSS div#block-af4bd6475b206c407a08:hover img { content: url(https://cdn.pixabay.com/photo/2023/11/26/19/09/butterfly-8414148_1280.jpg); } with div#block....is button (image) block id, use this free tool to find id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff replace Pixabay image with your new gif url
  4. Add to Website Tools (under Not Linked) > Custom CSS body.homepage div.summary-v2-block .product-mark.sold-out { display: none !important; }
  5. Click on the link andrewreffmultimediaproducer.com only or click on that link + all link andrewreffmultimediaproducer.com/*** will redirect to /portfolio-options.html site?
  6. The site is expired. You can access this link to extend it for free then let me know, I will check again
  7. First section will be: footer.sections section:nth-child(1) Second section will be: footer.sections section:nth-child(2) Suppose you want to hide Second Section in a specific page, you can add this code to Page Header Code Injection <style> footer.sections section:nth-child(1) { display: none !important; } </style> If you use Personal/Basic Plan, you can edit page > Add a Code Block (anywhere on page) > Then paste the code <style> footer.sections section:nth-child(1) { display: none !important; } </style>
  8. Need a space here #block-2e660832ac58afc0f334 .sqs-gallery-controls a.next { fill: #F7F6EC !important; }
  9. Add to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width:992px) { div.header-nav-item>a { height: 170px; display: flex; align-items: center; } div.header-announcement-bar-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; } div.header-nav-folder-content { border-top: 4px solid green; padding: 0 !important; } div.header-nav-folder-item { padding: 5px !important; } div.header-nav-folder-item:hover { background-color: #f2f2f2; } }
  10. Suppose your site is enny.squarespace.com You can enable safe mode by access enny.squarespace.com/config/safe
  11. Can you share link to store page? We can check easier
  12. Hi, Do you still need help? Can you provide site url?
  13. With detail page, use this code img.ProductItem-gallery-slides-item-image.loaded { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; }
  14. Add to Website Tools (under Not Linked) > Custom CSS body#collection-656a228b46ffdd3222f2e11d { div#gridThumbs { grid-template-columns: repeat(4,1fr) !important; } .grid-image { padding-bottom: 100% !important; }}
  15. You mean Desktop: same as current state Mobile: Always show overlay + title over image?
  16. The code, you need to add to Home Header Code Injection If you want to add to Custom CSS, use this new code body.homepage section:first-child { height: 100vh !important; } body.homepage { overflow: hidden; } Can you share link to some pages which you have problems with?
  17. Can you share link to a portfolio page? We can check it again easier
  18. I think it should work fine now. You try checking it again Just tried sharing on my LinkedIn
  19. Try adding this code to Website Tools > Code Injection > Footer (Do not add to Custom CSS) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-display-desktop .header-actions-action.header-actions-action--social').insertBefore('.header-display-desktop .showOnDesktop .header-actions-action.header-actions-action--cart'); }) </script> <style> .header-display-desktop .showOnDesktop { display: flex; align-items: center; } .header-actions-action.header-actions-action--cart { margin-left: 1.9vw; } </style>
  20. (Just a test code for first 3 item) Try adding to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ // enter my world $('div.header-nav-item:nth-child(1) a').hover(function(){ $(this).text("HOMEPAGE"); }, function(){ $(this).text("ENTER MY WORLD"); }); // current happinings $('div.header-nav-item:nth-child(2) a').hover(function(){ $(this).text("EVENTS"); }, function(){ $(this).text("CURRENT HAPPENINGS"); }); // woven sculpture $('div.header-nav-item:nth-child(3) a').hover(function(){ $(this).text("COMMISSIONS"); }, function(){ $(this).text("WOVEN SCULPTURE"); }); }); </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.