Jump to content

tuanphan

Circle Member
  • Posts

    63,827
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. You want the code runs on all section on Team 2 page or which section? We can tweak & give new code
  2. Is above work or you still need help?
  3. Can you post 2 code here? We can test code easier.
  4. Try adding to Design > Custom CSS /* product page layout */ .ProductList-grid { display: flex; flex-wrap: wrap; } /* 2 */ .ProductList-grid>div:nth-child(5n+1), .ProductList-grid>div:nth-child(5n+2) { width: 50% !important; margin: 0 !important; } /* 3 */ .ProductList-grid>div:nth-child(5n+3), .ProductList-grid>div:nth-child(5n+4), .ProductList-grid>div:nth-child(5n+5) { width: 33.3333% !important; margin: 0 !important; margin-top: 10px !important; margin-bottom: 10px !important; }
  5. Hi. It looks like you messaged me & I sent code. If it works, you can share code for other members. If it doesn't work, let me know, I will check it again
  6. If this is not possible, is there a way to add some instruction text to the top of the Events list (without using a Summary block)? Add this to Design > Custom CSS div.eventlist.eventlist--upcoming:before { content: "enter your text"; display: block; }
  7. You try adding this to Design > Custom CSS /* remove blog posts tag */ .blog-item-tags { display: none !important; }
  8. Add to Design > Custom CSS. The code run from 768px to 1024px. You can adjust these numbers /* Home text break */ @media screen and (max-width:1024px) and (min-width:768px) { div#block-ac2983fffb585b3224a3 h1 { font-size: 40px; } }
  9. Add to Design > Custom CSS. This code will make 3 columns from 768px to 1024px /* Teachers */ @media screen and (max-width:1024px) and (min-width:768px) { div#page-6139744fdcd5905e445d6ad8 .span-2 { width: 33.3333%; } }
  10. Your template needs a different code. Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('#logo .logo.image'); }); </script> <style> img.t-img { width: 70px; } #logo .logo.image { display: flex; align-items: center; } </style>
  11. Don't remove your code Try this CSS div.instagram-block .sqs-video-overlay img { border-radius: 1.875rem !important; width: 100% !important; left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
  12. It looks like you solved? I see fine here.
  13. Try adding to Design > Custom CSS > Save & reload the site /* Parallax on mobile */ @media screen and (max-width:640px) { body.homepage .Parallax-item img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section#hero-image-foster { height: 200px; } }
  14. @dunnard Which screen sizes do you have problem? We can use specific CSS for specific screens
  15. Hi, You want to use script code from Sign up button in screenshot, for other buttons?
  16. Try this CSS div#block-yui_3_17_2_1_1523401300126_158809+.row { background: #ff0000; }
  17. Add to Design > Custom CSS /* Tablet-Footer */ @media screen and (max-width:900px) and (min-width:641px) { div#block-yui_3_17_2_1_1632178876057_24132+.row>.col { width: 100%; } div#block-yui_3_17_2_1_1632178876057_24132+.row>.span-3:nth-child(2) { display: none; } div#block-yui_3_17_2_1_1632872740995_12598 { display: none; } div#block-yui_3_17_2_1_1632872740995_34737 { display: none; } }
  18. Hi, I think you can edit Gallery Masonry Section >> Adjust columns?
  19. Try this CSS body.header--menu-open .header-title-logo a { content:url("https://static1.squarespace.com/static/60ec91b6fa560c5243f91fc0/t/6147b93c7fe1e177f999cdcf/1632090428226/KidzCulture-Logo-FullColor.png"); }
  20. Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { [data-section-id="6140ec332173197ab0a53566"] { min-height: unset !important; height: 35vh !important; } }
×
×
  • 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.