Jump to content

tuanphan

Circle Member
  • Posts

    65,399
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Change to this code .homepage header#header:not(.shrink) a#site-title { opacity: 0; transition: all 0.3s ease; } a#site-title { transition: all 0.3s ease; }
  2. You mean Images under Jason Kim text on Homepage? Add to Design > Custom CSS a.grid-item { transition: all 0.3s ease; transform: translateY(0); } a.grid-item:hover { transition: all 0.3s ease; transform: translateY(-30px); }
  3. Hi, I wrote that code. Can you share link to page where you added the code? We can check easier
  4. Hi, This possible to move out button. If you share link to your site, we can help easier
  5. Hi, Can you share link to page? We can check easier
  6. Try this new code @media screen and (max-width:640px) { body.homepage .Parallax-item:first-child figure { transform: unset !important; top: 0 !important; bottom: 0 !important; } body.homepage .Parallax-item:first-child iframe { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section#videoss23 { min-height: unset !important; height: 250px; } body.homepage .Parallax-item:first-child { height: 200px !Important; } }
  7. I think we can add Slideshow, enable arrows, then we will use code to make arrows cover slideshow (and use code to hide arrows then)
  8. Ideal here is hover on each item >> replace current image with a gif or video (with code) If you have 19 items, we will need 19 code If you still want to do this, let me know, we can give the code
  9. Try adding to Design > Custom CSS div#block-yui_3_17_2_1_1680770527734_7512>div>div { overflow: hidden; } div#block-yui_3_17_2_1_1680770527734_7512>div>div iframe { left: 1px !important; }
  10. You mean keep this when scroll down?
  11. With Campaign 360 section, try adding this to Design > Custom CSS .fe-642aee39d8daa5103bf5a3fd { row-gap: 0 !important; }
  12. Add to Design > Custom CSS. Replace Pixabay image with your image url /* video desktop image mobile */ @media screen and (max-width:767px) { [data-section-id="633dc6e18d713b57d3e2ee1b"] .section-background>div { opacity: 0; } [data-section-id="633dc6e18d713b57d3e2ee1b"] .section-background { background-image: url(https://cdn.pixabay.com/photo/2023/03/18/16/26/ha-giang-7860907_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } }
  13. You can consider adding 2 slideshows, then share site url, we can give code to show 1 on desktop, show another on mobile
  14. Use this new code /* Shop image border */ .products.collection-content-wrapper .grid-item figure { border: 3px solid black; } /* homepage */ body.homepage a.grid-item { border: 3px solid black; } /* products */ div.ProductItem-gallery-slides { border: 3px solid black; }
  15. Add this to Settings > Advanced > Code Injection > Footer This code will get ALT from Image & add ALT text under image <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(function(){ $('.gallery-item img[style]').each(function(){ $el = $(this); var style = $el.attr('style'); $el.attr('style',''); $el.parent().attr('style',style); }); //Moves the inline styles $(".gallery-item img").each(function(){ var title = this.alt; $('<div class="t-caption">'+ title +'</div>').insertAfter($(this).parent()); }); }); </script> <style> #project .gallery .gallery-item { margin-bottom: 10px; } </style>
  16. Change _self to _blank If you want this Is there a way to open only blog post links in the same tab and keep social links and About link open in a new tab? please share link to your site, we can check easier
  17. Hi, Can you share link to page? 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.