Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,701

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    If you share link to page where you use carousel, we can check easier
  2. tuanphan
    Change this line background: #f4f6ea; /* overlay color */ to background:rgba(0,0,0,0.85) /* overlay color */ (You can adjust 0.85)
  3. tuanphan
    Add to Landing Page Header Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('<a class="btn btn--border theme-btn--primary-inverse" href="https://calendly.com/lacuna-hr/organisation-design-session-w-milena-serafimovski" target="_blank">APPLY FOR YOUR FREE ORGANISATION DESIGN SESSION</a>').appendTo('div.header-title-nav-wrapper'); }); </script> <style> a.btn { background-color: #e2725b; } </style>
  4. tuanphan
    create those boxes that have that have 4 lines max >> We can use CSS code to do this but to create lightbox, you will need to use a 3rd party plugin you can consider accordion feature, I meant click on Read more >> Show more text under, not lightbox What do you think?
  5. tuanphan
    @Avitalu333 @HealandShine Use this new CSS code @media screen and (max-width:767px) { .header-display-desktop { display: flex !important; } .header-burger { display: none; } .header-display-desktop .header-actions.header-actions--right, .header-actions.header-actions--right>div:first-child { display: flex !important; } .header-actions.header-actions--right { position: relative; left: -50px; } .header-display-mobile { display: none; } }
  6. tuanphan
    You can use mix of both editor on same page
  7. tuanphan
    It looks fine to me now. Did you fix it?
  8. tuanphan
    Hi, The page url doesn't work
  9. tuanphan
    Can you share link to page where you have problem? We can check easier
  10. tuanphan
    To make both image + overlay + text clickable, don't remove any code in your current code, add this to Custom CSS /* Clickable */ .fe-block-yui_3_17_2_1_1697400011904_19353, .fe-block-0621c99dd9acef85aed1, .fe-block-4b94192b9870dd1aa56e { pointer-events: none; }
  11. tuanphan
    You can add this code into Website > Website Tools (under Not Linked) > Custom CSS [class*="type-blog"].view-item header#header img { filter: invert(1); -webkit-filter: invert(1); }
  12. tuanphan
    You can add this code to Website > Website Tools (Under Not Linked) > Custom CSS ul.eventitem-meta.event-meta.event-meta-date-time-container { display: none !important; }
  13. tuanphan
    I see you figured it out but button overflow the screen. You can add this code to Website > Website Tools > Custom CSS to resize button on mobile @media screen and (max-width:991px) { a.btn { font-size: 10px !important; padding: 10px 10px !important; position: relative; left: -10px; } }
  14. tuanphan
    I guess you should able to edit section > remove it If you can't find a way to delete it, add this code under <style> #pdp .section-divider-display { display: none; } </style>
  15. tuanphan
    I don't know how to make it sticky on scroll But if you want to make it always sticky on bottom, you can use this CSS code section[data-section-id="64d67121a4c2ee89a130cbc7"] { position: fixed; bottom: 0px !important; scroll-behavior: smooth; z-index: 9999999999 !important; left: 0; width: 100%; }
  16. tuanphan
    Hi, I see you figured it out? Can you share solution for other members?
  17. tuanphan
    Hi, Which carousel are you using? Summary Block Carousel, Gallery Block Carousel... Can you share link to that page?
  18. tuanphan
    Hi, #1. I see you disabled cookie text. Can you enable it? We can check easier #2. Add this code to Website > Website Tools > Custom CSS body.header--menu-open .header-burger, body.header--menu-open .header-burger button { position: fixed; top: 0; right: 0; bottom: 0; height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; z-index: 999999; width: 20%; }
  19. tuanphan
    Hi, The code appears in top of site because you added it to Code Injection, you should add it to Custom CSS
  20. tuanphan
    Use this code for Portfolio Page body#collection-654e9b252b202929ce6283c5 { .summary-thumbnail.img-wrapper { background-color: #7879a0; } .summary-thumbnail.img-wrapper img { opacity: .50; transition: all .4s; } .summary-thumbnail.img-wrapper img:hover { opacity: 1; } .summary-thumbnail.img-wrapper { background-color: #7879a0; border-radius: 125px; /* play around with this number */ border: 3px solid #000; }}
  21. tuanphan
    Hi, You can use lightbox plugin (affiliate link) or this link (non-affiliate link) to achieve this
  22. tuanphan
    It looks like there is no way to do this, I tried some code but always get problem, space is not equal,..
  23. tuanphan
    We will need to use custom code to do this You can share link to your site & let me know which item you want to add video + send video files, I can check & give the code
  24. tuanphan
    The url doesn't work. Can you check it again?
  25. tuanphan
    If that's not what you want, then can you describe it in detail your desired?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources