Jump to content

tuanphan

Circle Member
  • Posts

    63,866
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. Hi, Can you share site url?
  2. If the site supports Code Injection, we can use some code to build new popup with Form Block. What do you think, you can share site url, I will try some code
  3. Add this code to Advanced tab <li class="new-nav1"><a href="/projects">Projects</a></li> <li class="new-nav2"><a href="/about">Information</a></li> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.new-nav1, .new-nav2').appendTo('ul'); }) </script> <style> li.new-nav2 a, li.new-nav1 a { color: #2d2d2d !important; } </style>
  4. I tried creating an example. Is that what you want? https://tuanphan3.squarespace.com/slideshow-random-image?noredirect pass: abc
  5. Use this new script code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.fe-block-yui_3_17_2_1_1704704793579_22806').hover(function(){ $('.fe-block-d846a9e0132399af1517').addClass('text-shadow'); $('div:not(.fe-block-d846a9e0132399af1517)').removeClass('text-shadow'); }, function(){ $('.fe-block-d846a9e0132399af1517').removeClass('text-shadow'); }); $('.fe-block-49d6336a8f3d39f31bc0').hover(function(){ $('.fe-block-40d6812ec36a3ed9575e').addClass('text-shadow'); $('div:not(.fe-block-40d6812ec36a3ed9575e)').removeClass('text-shadow'); }, function(){ $('.fe-block-40d6812ec36a3ed9575e').removeClass('text-shadow'); }); }); </script> <style> .text-shadow { scale: 1.05; -webkit-box-shadow: 10px 10px 10px #ffc8c8; box-shadow: 10px 10px 10px #ffc8c8; border-radius: 10px; } </style>
  6. In your code change video to iframe
  7. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { section#home-banner figure { width: 100% !important; left: 0 !important; height: auto !important; } section#home-banner { min-height: unset !important; height: 30vh !important; } } Don't remove any code in your current code. Use this code to Custom CSS then save & reload the site @media screen and (max-width:767px) { section#new-page-35 { height: 30vh !important; min-height: unset !important; } }
  8. Use this code for mobile div.header-menu .preFade { opacity: 1 !important; }
  9. With Business Plan/higher, can you enable Social Icons? We can use code to move it into nav bar With Personal Plan, my idea is add 3 items to last nav bar, then use CSS code to turn nav bar text to 3 social icons
  10. You can use this code to Website > Website Tools > Custom CSS /* Sale price color */ .on-sale .product-price { color: #f1f !important; } .original-price { color: black !important; }
  11. Edit your product > Edit Additional Info > Add a Block > Choose Code > Paste this code <style> .quantity-label { visibility: hidden; } .quantity-label:before { visibility: visible; content: "new label"; } </style>
  12. BRITTANY is custom font or Squarespace font? If custom font, have you declared font-face yet? @font-face { font-family: BRITTANY; src: url(paste brittany font file url here); }
  13. I think we can use some CSS code to achieve this. Can you share link to homepage? We can check easier
  14. Which page are you referring to? Or Cover Page?
  15. It is possible. You can share link to page (on your site) where you want to apply this, we can give code to achieve same style.
  16. Use this code to Page Header Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("footer.sections h3").html(function() { return $(this).html().replace("Your brand is special.", "new text line 1"); }); $("footer.sections h3").html(function() { return $(this).html().replace("Let’s make it a lasting legacy!", "new text line 02"); }); $("footer.sections p").html(function() { return $(this).html().replace("Ready to turn your brand into a legacy?", "new para01"); }); $("footer.sections p").html(function() { return $(this).html().replace("We’re just a message away", "new para02"); }); $("footer.sections button.lightbox-handle").html(function() { return $(this).html().replace("Let's Work Together", "new button text"); }); }); </script>
  17. How about set same size for all text? ul.sqs-tagcloud li span { font-size: 18px !important; } In case you still want to keep different size, use this code ul.sqs-tagcloud [href="/heart/tag/Generous"] span { padding: 18px !important; display: inline-block; }
  18. You can use some code like this under, to adjust it on large screen. @media screen and (min-width:2500px) { #block-yui_3_17_2_1_1709589146043_109093 .summary-item { height: 11vh !important; } }
  19. You mean click burger >> Show overlay menu from right to left, and overlay width about 40% screen width? If you share site url, we can give some code to achieve this
×
×
  • 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.