Jump to content

tuanphan

Circle Member
  • Posts

    64,922
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Can you add code again? I will check again on mobile
  2. Use CSS code @media screen and (max-width:991px) { .portfolio-overlay { opacity: 0.85 !important; left: 20px !important; top: 20px !important; width: calc(~"100% - 40px") !important; height: calc(~"100% - 40px") !important; } .portfolio-text { opacity: 1 !important; }}
  3. It is possible, after testing something, I achieved it with SS See a demo: https://tuanphan3.squarespace.com/text-effect1 pass: abc Is this what you want?
  4. You mean need the underline closer the text above it?
  5. I also host domains on Namecheap and email on Google Workspace. Suppose I shutdown the main site and create an email with a new domain. I will still renew the domain name every year (after all, it is quite cheap, only 10-12 $/year, Moreover, the main email, many customers still contact through there), then use Cloudflare Email Routing (free) to forward all new emails from old domain to new domain. Cloudflare has this feature recently.
  6. I don't know how to calculate it automatically with the code, I have to manually try each number until I find the number that seems best.
  7. updated code, I added some attributes, you try adding it again, if it still doesn't work, try moving the code to Code Injection > Header, if it still doesn't work, you can keep the code, I can check again easier
  8. Add to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { div#block-a1b773461c9a248209a7 h1 { font-size: 40px; } .fe-block-bd114640580bc4372f07 { grid-row-start: 11 !important; } .fe-block-040dcc368717fcc3a021 { grid-row-start: 9 !important; }}
  9. Can you check homepage? It looks like you removed summary on homepage
  10. Add this code to Page Header Code Injection (page you want the effect appears) <style> section, .section-border, .section-background { background-color: transparent !important; } html { background: #000; min-height: 100vh; } html::after { z-index: 9999; content: ""; position: fixed; inset: 0; pointer-events: none; user-select: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640px 480px' width='640px' height='480px'> %3Cstyle> circle { r: 3px; } %3C/style> %3Cg fill='%239098a0'> %3Ccircle cx='591px' cy='99px' /> %3Ccircle cx='591px' cy='363px' /> %3Ccircle cx='543px' cy='123px' /> %3Ccircle cx='525px' cy='15px' /> %3Ccircle cx='519px' cy='195px' /> %3Ccircle cx='501px' cy='183px' /> %3Ccircle cx='465px' cy='231px' /> %3Ccircle cx='465px' cy='375px' /> %3Ccircle cx='453px' cy='159px' /> %3Ccircle cx='447px' cy='435px' /> %3Ccircle cx='435px' cy='3px' /> %3Ccircle cx='399px' cy='123px' /> %3Ccircle cx='387px' cy='171px' /> %3Ccircle cx='381px' cy='207px' /> %3Ccircle cx='63px' cy='111px' /> %3Ccircle cx='357px' cy='471px' /> %3Ccircle cx='345px' cy='279px' /> %3Ccircle cx='345px' cy='63px' /> %3Ccircle cx='333px' cy='111px' /> %3Ccircle cx='321px' cy='183px' /> %3Ccircle cx='219px' cy='243px' /> %3Ccircle cx='213px' cy='375px' /> %3Ccircle cx='207px' cy='171px' /> %3Ccircle cx='189px' cy='111px' /> %3Ccircle cx='189px' cy='351px' /> %3Ccircle cx='177px' cy='423px' /> %3Ccircle cx='177px' cy='327px' /> %3Ccircle cx='141px' cy='171px' /> %3Ccircle cx='111px' cy='339px' /> %3Ccircle cx='93px' cy='255px' /> %3Ccircle cx='81px' cy='39px' /> %3Ccircle cx='57px' cy='447px' /> %3Ccircle cx='57px' cy='351px' /> %3Ccircle cx='75px' cy='411px' /> %3Ccircle cx='33px' cy='225px' /> %3Ccircle cx='33px' cy='279px' /> %3Ccircle cx='165px' cy='15px' /> %3Ccircle cx='27px' cy='387px' /> %3Ccircle cx='21px' cy='39px' /> %3C/g>%3C/svg>"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640px 480px' width='640px' height='480px'> %3Cstyle> circle { r: 3px; } %3C/style> %3Cg fill='%236e757c'> %3Ccircle cx='591px' cy='99px' /> %3Ccircle cx='591px' cy='363px' /> %3Ccircle cx='543px' cy='123px' /> %3Ccircle cx='525px' cy='15px' /> %3Ccircle cx='519px' cy='195px' /> %3Ccircle cx='501px' cy='183px' /> %3Ccircle cx='465px' cy='231px' /> %3Ccircle cx='465px' cy='375px' /> %3Ccircle cx='453px' cy='159px' /> %3Ccircle cx='447px' cy='435px' /> %3Ccircle cx='435px' cy='3px' /> %3Ccircle cx='399px' cy='123px' /> %3Ccircle cx='387px' cy='171px' /> %3Ccircle cx='381px' cy='207px' /> %3Ccircle cx='63px' cy='111px' /> %3Ccircle cx='357px' cy='471px' /> %3Ccircle cx='345px' cy='279px' /> %3Ccircle cx='345px' cy='63px' /> %3Ccircle cx='333px' cy='111px' /> %3Ccircle cx='321px' cy='183px' /> %3Ccircle cx='219px' cy='243px' /> %3Ccircle cx='213px' cy='375px' /> %3Ccircle cx='207px' cy='171px' /> %3Ccircle cx='189px' cy='111px' /> %3Ccircle cx='189px' cy='351px' /> %3Ccircle cx='177px' cy='423px' /> %3Ccircle cx='177px' cy='327px' /> %3Ccircle cx='141px' cy='171px' /> %3Ccircle cx='111px' cy='339px' /> %3Ccircle cx='93px' cy='255px' /> %3Ccircle cx='81px' cy='39px' /> %3Ccircle cx='57px' cy='447px' /> %3Ccircle cx='57px' cy='351px' /> %3Ccircle cx='75px' cy='411px' /> %3Ccircle cx='33px' cy='225px' /> %3Ccircle cx='33px' cy='279px' /> %3Ccircle cx='165px' cy='15px' /> %3Ccircle cx='27px' cy='387px' /> %3Ccircle cx='21px' cy='39px' /> %3C/g>%3C/svg>"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640px 480px' width='640px' height='480px'> %3Cstyle> circle { r: 3px; } %3C/style> %3Cg fill='%233e434a'> %3Ccircle cx='591px' cy='99px' /> %3Ccircle cx='591px' cy='363px' /> %3Ccircle cx='543px' cy='123px' /> %3Ccircle cx='525px' cy='15px' /> %3Ccircle cx='519px' cy='195px' /> %3Ccircle cx='501px' cy='183px' /> %3Ccircle cx='465px' cy='231px' /> %3Ccircle cx='465px' cy='375px' /> %3Ccircle cx='453px' cy='159px' /> %3Ccircle cx='447px' cy='435px' /> %3Ccircle cx='435px' cy='3px' /> %3Ccircle cx='399px' cy='123px' /> %3Ccircle cx='387px' cy='171px' /> %3Ccircle cx='381px' cy='207px' /> %3Ccircle cx='63px' cy='111px' /> %3Ccircle cx='357px' cy='471px' /> %3Ccircle cx='345px' cy='279px' /> %3Ccircle cx='345px' cy='63px' /> %3Ccircle cx='333px' cy='111px' /> %3Ccircle cx='321px' cy='183px' /> %3Ccircle cx='219px' cy='243px' /> %3Ccircle cx='213px' cy='375px' /> %3Ccircle cx='207px' cy='171px' /> %3Ccircle cx='189px' cy='111px' /> %3Ccircle cx='189px' cy='351px' /> %3Ccircle cx='177px' cy='423px' /> %3Ccircle cx='177px' cy='327px' /> %3Ccircle cx='141px' cy='171px' /> %3Ccircle cx='111px' cy='339px' /> %3Ccircle cx='93px' cy='255px' /> %3Ccircle cx='81px' cy='39px' /> %3Ccircle cx='57px' cy='447px' /> %3Ccircle cx='57px' cy='351px' /> %3Ccircle cx='75px' cy='411px' /> %3Ccircle cx='33px' cy='225px' /> %3Ccircle cx='33px' cy='279px' /> %3Ccircle cx='165px' cy='15px' /> %3Ccircle cx='27px' cy='387px' /> %3Ccircle cx='21px' cy='39px' /> %3C/g>%3C/svg>"); background-size: 640px 480px, 480px 360px, 256px 192px; --snowfall-pos-x: 0; --snowfall-pos-y: 0; background-repeat: repeat; background-position: 0 0; } /* no-op condition for scoping */ html::after { animation: snowfall-no-composition 96s linear infinite; } @keyframes snowfall-no-composition { 0% { background-position: 0 0, 0 0, 0 0; } 3.125% { background-position: -60px 480px, -45px 360px, -24px 192px; } 33.3333333333% { background-position: -640px 5120px, -480px 3840px, -256px 2048px; } 100% { background-position: -1920px 15360px, -1440px 11520px, -768px 6144px; } } @supports (animation-composition: replace, add, add) { /**/ html::after { animation: snowfall-x 32s linear infinite, snowfall-y 3s linear infinite, snowfall-x-wobble-1 8s cubic-bezier(0.35, 0, 0.65, 0.99) infinite, snowfall-x-wobble-2 8s cubic-bezier(0.35, 0, 0.65, 0.99) infinite; animation-composition: replace, add, add, add; animation-delay: 0s, 0s, 0s, 0.23s; } } @keyframes snowfall-y { from { background-position: 0 0, 0 0, 0 0; } to { background-position: 0 480px, 0 360px, 0 192px; } } @keyframes snowfall-x { from { background-position: 0 0, 0 0, 0 0; } to { background-position: -640px 0, -480px 0, -256px 0; } } @keyframes snowfall-x-wobble-1 { 0% { background-position: 16px 0; } 50% { background-position: -16px 0; } 100% { background-position: 16px 0; } } @keyframes snowfall-x-wobble-2 { 0% { background-position: 0 0, 12px 0; } 50% { background-position: 0 0, -12px 0; } 100% { background-position: 0 0, 12px 0; } } @keyframes snowfall-x-wobble { 0% { background-position: 16px 0, 12px 0, 6.4px 0; } 50% { background-position: -16px 0, -12px 0, -6.4px 0; } 100% { background-position: 16px 0, 12px 0, 6.4px 0; } } </style>
  11. Change * to section[data-section-id="6556300ea781261d2e8c9be3"] *
  12. Can you enable Login button? I don't see it on header or where is it?
  13. I don't see this section section[data-section-id="6564581a43ba8403985922d5"] on the page Can you take a screenshot? Maybe your id is incorrect
  14. Can you take a screenshot of your Advanced section? (Maybe you added to Site wide advanced, instead of Page Advanced) Also, you can disable Ajax Loading, sometimes Ajax can cause this problem
  15. Maybe the font doesn't support this weight. Can you share link to page where you use text?
  16. Use this CSS code to fix it div.newsletter-block input.newsletter-form-field-element { font-size: 14px !important; }
  17. If you share link to page where you use Spotify, I can check easier
  18. #1. You want to increase with to make button text on one line? #2. About Us on one line? Learn more button, add a space above it or?
  19. You can share link to your site, or add 2 videos then share link, we can check code easier
  20. Add to Website Tools (under Not Linked) > Custom CSS /* Dropdown menu */ .header-nav-folder-content { left: 0 !important; min-width: 250px !important; } .header-nav-folder-content * { text-align: left !important; }
  21. Use this new code /* Text hover slide up */ .portfolio-text { transform: translateY(100px); transition: all 0.3s ease !important; } a.grid-item:hover .portfolio-text { transform: translateY(0); transition: all 0.3s ease !important; } a.grid-item { overflow: hidden; }
  22. You can add this code to Website Tools (under Not Linked) > Custom CSS section.product-details.ProductItem-details { padding-top: 0px !important; }
  23. Add this code to Website Tools (under Not Linked) > Custom CSS /* side by side sections */ @media screen and (min-width:768px) { [data-section-id="656f6f96b513680b193a253f"], [data-section-id="656f6f96b513680b193a253f"]+section { width: 50% !important; float: left !important; } [data-section-id="656f6f96b513680b193a253f"]+section+section { clear: left !important; } }
×
×
  • 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.