Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Use this code to Custom CSS box footer#footer-sections { z-index: 99999 !important; }
  2. With mobile, use some code like this @media screen and (max-width:767px) { button[class*="arrow-button"] svg { display: none !important; } [class*="arrow-icon-background"] { background-size: contain; background-repeat:no-repeat; background-position: center center; background-color: transparent !important; } button[class*="arrow-button--left"] [class*="arrow-icon-background"] { background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1773097810_Group12@2x.png.fd2d6dc749f79343ae687e29649cea4f.png); } button[class*="arrow-button--right"] [class*="arrow-icon-background"] { background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1753379866_Group13@2x.png.54c2b0e59adbe1a1f31f46b8b628398d.png); } }
  3. I see you added 2 sections and show 1 on mobile. Do you still need help?
  4. Hi, Can you share link to page where you have problem? We can check easier
  5. Can you share link to this page? I can check code easier
  6. You mean Add shareaholic to List Page or Remove Shareaholic from List Page ?
  7. #1. You can use this code to Technology Resources Page Header Code Injection <style> .blog-meta-item.blog-meta-item--tags { display: none !important; } </style> #2. You mean add an arrows after Website link?
  8. Hi, Can you share link to page where you use form? We can check easier
  9. I see some code in this thread, which exact code did you use?
  10. https://crow-tarpon-egmf.squarespace.com/level-beginning?noredirect https://crow-tarpon-egmf.squarespace.com/class-material-level-beginning-i-ii?noredirect Both links don't work now
  11. Add this code to bottom of Website > Website Tools > Code Injection > Footer <script> $(document).ready(function(){ $('<a class="show-more" href="#showmore">Show More</a>').appendTo('.ReviewTabsTitle'); $('.show-more').click(function(){ $('.ReviewTabsTitle').toggleClass('show-hide'); }); }); </script> <style> .ReviewTabsTitle~* { display: none; } a.show-more { border: 1px solid #000; padding: 10px 20px; } .ReviewTabsTitle.show-hide~* { display: block !important; } </style> See a quick video on how I checked & find this code https://www.loom.com/share/d2583af9b3c647668ec23f3732291260
  12. Try this new code div.sqs-lightbox-slide.sqs-active-slide .video-fit img { visibility: hidden !important; opacity: 0 !important; }
  13. You can follow this You need to add 2 texts and then hyperlink them You will have this Next, use this code to Website > Website Tools > Custom CSS /* List slideshow 2 buttons */ .list-item-content__description p a { text-decoration: none; } .list-item-content__description p a:nth-child(1) { background-color: #fff; color: #000; padding: 10px 20px; border-radius: 10px; margin-right: 10px; } .list-item-content__description p a:nth-child(2) { background-color: #f1f; color: #fff; padding: 10px 20px; border-radius: 10px; } You will have
  14. You can consider using Gif, it will be easier With Video, will require a script code (need a Business Plan) + need to upload videos to SS
  15. Have you tried using Image Block - Text Block to achieve this yet? I think it will be easier. But if you still want to use current portfolio, let me know, I will give CSS code to achieve your layout
  16. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .portfolio-hover-items { justify-content: flex-start !important; } }
  17. What is site url? We can check problem easier
  18. Can you share link to a product where you use Amazon review, 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.