Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,922

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    First, add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.fe-block a:contains("clickable")').addClass('text-click'); }); </script> Next, add this code to Website Tools > Custom CSS a.text-click { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: transparent !important; } So now, to make a Shape Block clickable, just add a Text Block cover whole Shape In Text Block, enter the text: clickable with your desired URL The code you added, will make this text transparent & make Shape clickable
  2. tuanphan
    Missed this comment, if you need help anytime, just let me know, I will give the guide You can share link to your blog, I can check easier
  3. tuanphan
    Hi, Password is incorrect
  4. tuanphan
    ah, the code has a duplicate symbol, you can remove one here
  5. tuanphan
    You can add this code to Website Tools (under Not Linked) > Custom CSS .user-items-list-item-container[data-section-id="654e5c607321f13ea19ffccc"] { .user-items-list-carousel__arrow-button svg { display: none !important; } button.user-items-list-carousel__arrow-button--left:after { content: "Prev"; } button.user-items-list-carousel__arrow-button--right:after { content: "Next"; }}
  6. tuanphan
    I think you can try the code (Website Tools > Custom CSS) div.header-menu { padding-top: 100px !important; }
  7. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS section#itemPagination { position: fixed; left: 0; bottom: 0; width: 100%; padding: 0 !important; background-color: transparent !important; } section#itemPagination>a { padding-bottom: 2vw; }
  8. tuanphan
    So you want to add Particle to Lock Page but you can't follow above guide to add it?
  9. tuanphan
    You can edit that post > Add a Block > Choose Code from the list > Then use the code <style> #page .section-border .section-background, #page .section-border .section-border, #itemPagination { background: #fff !important } #page * { color: #000 !important; } </style>
  10. tuanphan
    Add this to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { section.product-details.ProductItem-details { margin-left: 10px; margin-right: 10px; } }
  11. tuanphan
    Add this to Website Tools (under Not Linked) > Custom CSS div#block-0c64b2c26c80ede916e7 { animation: showa 4s backwards; opacity: 0; } @keyframes showa { from { opacity: 0; } to { opacity: 1; }
  12. tuanphan
    Can you share site url? We can check this easier
  13. tuanphan
    Can you share link to some "Services" product?
  14. tuanphan
    #1. I see you figured it out? #2. Not sure, I think it will require a lot of Script code. Let me check
  15. tuanphan
    Add to Custom CSS /* Round video */ .video-player .plyr .plyr__controls:before {display:none!important;} .plyr__video-wrapper video, .plyr__video-wrapper {border-radius:30px !important;} Where is preview images?
  16. tuanphan
    Use this CSS code (Website Tools > Custom CSS) @media screen and (max-width:767px) { h1 { font-size: 30px !important; } h2 { font-size: 20px !important; } h3 { font-size: 10px !important; } }
  17. tuanphan
    Your font face code is missing. Change this @font-face { font-family: 'NeulisNeue-Light'; src: url('FontURLhttps://static1.squarespace.com/static/65731716193b7c7838fafff6/t/658feb21f8973a39163ed429/1703930657551/NeulisNeue-Regular.otfhttps://static1.squarespace.com/static/65731716193b7c7838fafff6/t/658ff397cbd6c827388b53aa/1703932824061/NeulisNeue-Light.otfhttps://static1.squarespace.com/static/65731716193b7c7838fafff6/t/65948580dfd751450a5d897e/1704232320659/NeulisNeue-Thin.otfhttps://static1.squarespace.com/static/65731716193b7c7838fafff6/t/6594861916c21c08653cb93d/1704232473658/NeulisNeue-ExtraLight.otf') } to this @font-face { font-family: 'NeulisNeue-Light'; src: url(https://static1.squarespace.com/static/65731716193b7c7838fafff6/t/658feb21f8973a39163ed429/1703930657551/NeulisNeue-Regular.otf); }
  18. tuanphan
    I see you figured arrow. To make it centered under nav menu titles, use this CSS code .header-nav-folder-content { left: 50% !important; transform: translateX(-50%) !important; }
  19. tuanphan
    Hi, What is site url?
  20. tuanphan
    You can share link to homepage + another page, I think we can use CSS to adjust this
  21. tuanphan
    Which screen size do you see problem? I tried resize but can't see white space
  22. tuanphan
    Yes. We can use some lines of CSS to rename it, if you share link to event page, we can check easier
  23. tuanphan
    Hi, What is site url? We can check easier
  24. tuanphan
    Go back Fluid Engine, what do you mean? You can click Add a blank section > Then you can use new editor (Fluid Engine)
  25. tuanphan
    Or this extension? https://chromewebstore.google.com/detail/fluid-engine-tablet-spaci/gemmfnoajaghnaddkccmekbchdgckdab
×
×
  • 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