Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,514

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Can you share link to page where you have problem? We can check easier
  2. tuanphan
    What is password?
  3. tuanphan
    Hi, Can you share link to this page?
  4. tuanphan
    Recently (maybe a few weeks ago), they released an update, you try checking & update to latest version
  5. tuanphan
    I see you figured it out?
  6. tuanphan
    Use this <style> .header-announcement-bar-wrapper { background: #000 !important; } </style> or <style> .header-announcement-bar-wrapper { background: rgb(0,0,0) !important; } </style>
  7. tuanphan
    Change to this new code div#gridThumbs { grid-template-columns: repeat(5,1fr); } a.grid-item:nth-child(1) { grid-row: ~"1 / 3"; grid-column: ~"1 / 3"; } a.grid-item:nth-child(2), a.grid-item:nth-child(2) .grid-image { grid-row: ~"1 / 3"; padding-bottom: 114% !important; } a.grid-item:nth-child(3) { grid-column: ~"4 / 6"; grid-row: ~"1 / 4"; } a.grid-item:nth-child(4) { grid-row: ~"3 / 5"; } a.grid-item:nth-child(5) { grid-row: ~"3 / 5"; grid-column: ~"2 / 4"; } a.grid-item:nth-child(6) { grid-column: ~"4 / 6"; grid-row: ~"4 / 8"; } a.grid-item:nth-child(7) { grid-column: ~"1 / 3"; grid-row: ~"5 / 8"; } a.grid-item:nth-child(8) { grid-row: ~"5 / 8"; } a.grid-item:nth-child(3), a.grid-item:nth-child(3) .grid-image { padding-bottom: 85% !important; } a.grid-item:nth-child(4), a.grid-item:nth-child(4) .grid-image { padding-bottom: 114% !important; } a.grid-item:nth-child(8), a.grid-item:nth-child(8) .grid-image { padding-bottom: 115% !important; } a.grid-item:nth-child(6), a.grid-item:nth-child(6) .grid-image { padding-bottom: 85.5% !important; }
  8. tuanphan
    Add to Design > Custom CSS @media screen and (max-width:640px) { .hide-tagline .site-branding .site-tagline { left: 0 !important; top: 50px !important; visibility: visible !important; } } f is fine to me
  9. tuanphan
    Can you share link to page where you added the code & Which code did you add? We can check easier
  10. tuanphan
    Add to Design > Custom CSS @media screen and (min-width:641px) { .ProductList-filter-list { display: none } .ProductList-filter-dropdownToggle-label { display: block } .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list { display: block; margin-top: 15px } .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list .ProductList-filter-list-item { display: block; margin-bottom: 5px } .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-dropdownToggle-label .ProductList-filter-dropdownToggle-label-icon:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e006"; text-align: center; display: inline-block; vertical-align: middle } .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-dropdownToggle-label .ProductList-filter-dropdownToggle-label-icon:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-dropdownToggle-label .ProductList-filter-dropdownToggle-label-icon:before { font-size: 1em; width: 1em; height: 1em; line-height: 1em } }
  11. tuanphan
    What is your site url? We can help easier
  12. tuanphan
    With Homepage, use this CSS body.homepage { figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-strips-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-strips-item-wrapper a:after { background: rgba(255,255,255,0.9); /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-strips-item:hover .gallery-strips-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; } }
  13. tuanphan
    This site, they used split layout plugin https://www.will-myers.com/products/p/split-screen-layout-design-pack
  14. tuanphan
    Thank you. I checked some & it looks like no way to show caption with this carousel layout
  15. tuanphan
    Can you enable Arrows? I don't see any gallery block arrows now
  16. tuanphan
    Use this new code header#header a[href="/the-rk-green-promise"] { color: green !important; }
  17. tuanphan
    You try edit Site Footer > Add a Markdown Block > Paste the code
  18. tuanphan
    Can you share link to page where you added code? We can check easier
  19. tuanphan
    Which code? I see the Codepen doesn't work
  20. tuanphan
    Can you share link to your site? We can check easier
  21. tuanphan
    Remove your code & use this new code footer#footer { position: absolute; left: 0; width: 100%; } body { overflow-x:hidden; }
  22. tuanphan
    Can you share link to page where you use Scroll Block? We can check easier I used to solved a similar case, but require a Business Plan or higher
  23. tuanphan
    Add to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $("div#block-6a656a3f7fd668c4aae9 p").click(function(){ $('footer.sections').toggleClass('show-credit'); }); }); </script> <style> footer.sections section:first-child { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; transform: translatey(100%); transition: transform 0.3s ease; } footer.sections { z-index: 99999 !important; } .show-credit section:first-child { transform: translatey(0) !important; transition: transform 0.3s ease; } </style>
  24. tuanphan
    @MariaFY SS loads some weights only. In order to use Ubuntu Mono 400, it has to be selected as a font for something else so that Squarespace loads the font/font weight onto the website first.
  25. tuanphan
    What is site url?
×
×
  • 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