Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,819

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    I see you marked it as answered. Do you still need code or you solved it?
  2. tuanphan
    What is site & which exact code did you add?
  3. tuanphan
    If you want to disable section 6 sticky, use this code section:nth-child(6) { position: relative !important; }
  4. tuanphan
    I remember gallery slideshow caption has a limit height of 100px. You can use this new code to move text over Slideshow, instead of use top 40% figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; margin: 0 !important; max-width: 1000px !important; height: auto !important; } If it doesn't work, please share site url, we can check easier
  5. tuanphan
    @arhandjela the site is private, you need to setup an access password, then we can access it
  6. tuanphan
    Hi, Can you share link to this page?
  7. tuanphan
    I see you solved by setting this CSS code? p { font-size: 12px !important; line-height: 19px !important; letter-spacing: 1.5px !important; }
  8. tuanphan
    Hi, No way to add h5 option to Site Styles Tool Bar You need to use custom CSS to assign h5 style to specific element You can share link to element where you want to apply this + which style, we can help with code
  9. tuanphan
    You can use CSS pseudo to do this Can you share site url? We can check easier
  10. tuanphan
    To apply code to one page, just edit page > Add a Code Block > Paste the code <style> .slide:after { position: absolute; content: ""; background: rgba(0,0,0,0.5); z-index: 999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; } .slide:hover:after { opacity: 1; transition: all 0.5s; } </style> (CSS in Code Block, need to wrap in <style> and </style>)
  11. tuanphan
    You can consider using a same background color behind logo, to make it readable Something like this, we can use code to change it on homepage only
  12. tuanphan
    #1. Edit this code from Code Injection <script> $("span.portfolio-hover-item-content:contains('遊遊野野')").html(function(_, html) { return html.replace(/(遊遊野野)/g, '<span class="chinese">$1</span>'); }); </script> to this code <script> $("span.portfolio-hover-item-content:contains('遊遊野野')").html(function(_, html) { return html.replace(/(遊遊野野)/g, '<span class="chinese">$1</span>'); }); // theatremaking www page $(".html-block h2:contains('遊遊野野')").html(function(_, html) { return html.replace(/(遊遊野野)/g, '<span class="chinese2">$1</span>'); }); // theatremaking www page - team $(".html-block p:contains('吳彩萍')").html(function(_, html) { return html.replace(/(吳彩萍)/g, '<span class="chinese3">$1</span>'); }); </script> <style> .chinese2 { font-size: 30px !important; } .chinese3 { font-size: 10px !important; } </style> #2.
  13. tuanphan
    Did you solve it? I don't see default label
  14. tuanphan
    Try to imagine your layout. So the page will have Left is vertical image (1 or more images) Right is description and under both is related items Is that right? Your request is possible, but I need to know exactly to think the most appropriate solution.
  15. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS nav { flex-wrap: nowrap !important; }
  16. tuanphan
    The code I tested on my site, so it can/can't work on your site. What is your site url? I can check easier
  17. tuanphan
    Hi, #1. It looks fine to me. What should it look like?
  18. tuanphan
    It doesn't work because you added the code to mobile query so it run on mobile only (red code). You can move my code to top of CSS box div.header-nav-folder-content { background-color: transparent !important; }
  19. tuanphan
    Hi, What is your site url? You can consider reduce number of navigation items
  20. tuanphan
    Depending on which position you will insert on the website, each position will need a different custom code, there is no one general rule for all. Can you describe in more detail your case?
  21. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS a.blog-more-link:hover { box-shadow: inset 0 -12px 0 0 rgba(125,181,96,.5) !important; transition: all 0.3s ease; }
  22. tuanphan
    Because related items set to 3 items/row, space is item 3, you can change settings or use this code to Website Tools > Custom CSS to change to 2 items only /* related products */ .ProductItem-relatedProducts .list-grid { grid-template-columns: repeat(2,1fr) !important; }
  23. tuanphan
    If you share link to page, we can help easier
  24. tuanphan
    What is site url?
  25. tuanphan
    Try this new code body#collection-65688eec36a53b2bce5d7108 { article section:nth-child(n+2) { position: sticky; top: 0; position: -webkit-sticky; } .section-background { background-color: white !important; } article section:nth-child(3) { z-index: 10 !important; } article section:nth-child(4) { z-index: 20 !important; }}
×
×
  • 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