Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,828

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi. Where is that? I don't see on homepage & shop page
  2. tuanphan
    Have you found the solution yet?
  3. tuanphan
    It looks like you figured it out? Can you share solution for other members?
  4. tuanphan
    It looks like you figured it out? <style> .portfolio-hover-item:before { content: "0"counter(portfolio-hover-item-counter); font-family: poppins; font-style: normal; font-weight: 500; font-size: .825rem; line-height: 1.2em; letter-spacing: .2em; text-transform: uppercase; color: #161513; position: absolute; top: 50px !important; left: -12px !important; } .portfolio-hover-item{ counter-increment: portfolio-hover-item-counter; position: relative; } .portfolio-hover-item { justify-content: flex-start; } @media (max-width:991px){ .portfolio-hover-item:before { content: "0" counter(portfolio-hover-item-counter); font-family: poppins; font-style: normal; font-weight: 400; font-size: .625rem; line-height: 1.2em; letter-spacing: .2em; text-transform: uppercase; color: #161513; position: absolute; top: 20px !important; left: 0px !important; }} </style>
  5. tuanphan
    Hi. Which page? Can you share link to page in screenshot?
  6. tuanphan
    Possible to remove author name. If you share link to a post, we can give code easier
  7. tuanphan
    Hi, You can add 2 slideshows, then we can give the code to show 1 on desktop, show another on mobile
  8. tuanphan
    How about replacing it with Previous/Next text?
  9. tuanphan
    It looks fine now
  10. tuanphan
    Basic Plan still support basic code (CSS code)
  11. tuanphan
    You used this code, it won't look good on all devices. You need to change some values on specific devices #block-yui_3_17_2_1_1643807699720_3678 { position: relative; z-index: 90; top: -29em; left: -20%; right: 120%; width: 70%; } You can add more some CSS like this @media screen and (min-width:641px) and (max-width:900px) { #block-yui_3_17_2_1_1643807699720_3678 { top: -15em; } } @media screen and (min-width:901px) and (max-width:1020px) { #block-yui_3_17_2_1_1643807699720_3678 { top: -10em; } } (You can adjust values for exact screen sizes)
  12. tuanphan
    This CSS @media screen and (max-width: 767px) { body.homepage .portfolio-hover-bg-img { background-position:15% !important; } }
  13. tuanphan
    Use this new code .gallery-grid.gallery-grid--layout-grid { padding-left: 10vw; padding-right: 10vw; }
  14. tuanphan
    Resize slideshow under video on homepage?? Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { .gallery-reel[data-width="inset"] { height: 40vh !important; } }
  15. tuanphan
    It looks like Code Block caused problem. Can you send all code in Code Block (Code Block above Summary)?
  16. tuanphan
    Hi. If resize video fullsize, it will create a huge gap below video on mobile. Do you still want to continue?
  17. tuanphan
    It looks like RTF is not video format???
  18. tuanphan
    With image, I think you can use CSS code to achieve this. With video, not sure... Can you share link to your site?
  19. tuanphan
    Hi, Can you take a screenshot of padding? We can help easier
  20. tuanphan
    Try this code /* Change logo on scroll */ .shrink .header-title-logo img { transition: all 0.3s; content: url(https://cdn.pixabay.com/photo/2020/02/01/20/05/hummingbird-hawkmoths-4811285__340.jpg); } .header-title-logo img { transition: all 0.3s; }
  21. tuanphan
    Add to Design > Custom CSS .gallery-fullscreen-slideshow-control-btn .caret-right-icon--small, .gallery-fullscreen-slideshow-control-btn .caret-left-icon--small { width: 30px; height: 50px; }
  22. tuanphan
    Add to Design > Custom CSS .hide-blog-sidebar.collection-type-blog #page #content { max-width: 100% !important; } body[class*="collection-type-blog"] main#page { max-width: 100%; }
  23. tuanphan
    Add to Design > Custom CSS html, body {overflow-x:hidden;}
  24. tuanphan
    One blog page or one blog post?
  25. tuanphan
    Use code in this link https://forum.squarespace.com/topic/151777-gallery-caption-workarounds-for-71-round-two
×
×
  • 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