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
    I see you have a Code Block with <u> tag on top. So I guess the reason is that one of your u tags is missing the closing tag, so it will wrap all the text below the Code Block into an underline. You can send all code in your Code Block, we can check and correct your code
  2. tuanphan
    What is problem on mobile?
  3. tuanphan
    Hi, What is your site url? We can check problem easier
  4. tuanphan
    You can use this code to Website > Website Tools > Custom CSS /* Masonry to grid mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(1,1fr) !important; grid-column-gap: 10px; grid-row-gap: 10px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: 100% !important; } figure.gallery-masonry-item img { width: 100% !important; } }
  5. tuanphan
    You can use this code to Website > Website Tools > Custom CSS to fix problem div.header-actions-action--cta { overflow: visible !important; }
  6. tuanphan
    I checked some screen sizes and I see it is fine. Or you mean remove white space between lines?
  7. tuanphan
    Try this code to Website > Website Tools > Custom CSS @media screen and (max-width:1024px) { .user-items-list-item-container[data-section-id="66022228e4d97433a80e56ad"] ul { min-height: unset !important; } .user-items-list-item-container[data-section-id="66022228e4d97433a80e56ad"] img { object-fit: contain !important; } }
  8. tuanphan
    #1. You mean this page: https://red-ruby-y9nn.squarespace.com/art/artists >> Show a blank page, no products on right? #2. Add a space here?
  9. tuanphan
    I see you removed the code. Can you add it? We can check easier If the site is live and you can't keep it, you can duplicate the page, add code to this page header code Injection, then share url, we will check there
  10. tuanphan
    You can also use this code to Website > Website Tools > Custom CSS .header-actions.header-actions--right { position: relative; right: 5vw; } .header-nav-item.header-nav-item--collection:last-child { position: absolute; right: 0; }
  11. tuanphan
    Edit Homepage > Edit Top Section > I think you will see a Code Block > Edit it > Paste code here, we can check easier. But I guess in the Code Block you will see a number 5 (if you see this, change it to 3 and check again)
  12. tuanphan
    You mean blog list page or blog post detail? If list page, use this CSS code body#collection-5f5f773ef54b1d692851fe70 h1.blog-title:after { content: "enter your text here enter your text here"; display: block; font-size: 16px; }
  13. tuanphan
    Custom CSS won't run on Cover Page. You need to use this code to Cover Page Header Code Injection <style> .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="buttons"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="sso-options"] li { background: rgba(226, 226, 226, .8); } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { color:#000; } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { padding-left: 0.3em!important; padding-right: 0.1em!important; padding-top: 0.3em; padding-bottom: 0.3em; } </style>
  14. tuanphan
    You can use this CSS code under to reduce space a.author-website { padding-top: 0px !important; }
  15. tuanphan
    Hi, Can you share link to this page? We can check easier
  16. tuanphan
    Just one, if you want to apply to other pages, just repeat the code and change ID Use this free tool to find ID https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  17. tuanphan
    Header has a default top padding, I think just remove it, you can achieve your request, however if you share site url, we can give exact code
  18. tuanphan
    Hi, If you share link to page where you want to achieve this, we can check easier
  19. tuanphan
    Use this code instead article img, footer.sections img { border-radius: 20px!important; }
  20. tuanphan
    Your site is private, we can't access it. You can follow this to setup url correct way
  21. tuanphan
    I guess if make title + description appears over image, the image too small to contains all text Can you share link to Our Services page? We can help easier
  22. tuanphan
    I see you figured it out with this CSS code? Or if you still need help, you can let me know @media screen and (min-width: 768px) { [data-section-id="661dafbae57f6161c701e3da"] { display:none } } @media screen and (max-width: 767px) { [data-section-id="6559735e2ce3972fb3df5df0"] { display:none } }
  23. tuanphan
    You can use this code to Website > Website Tools > Custom CSS. Replace #f1f with color what you want body#collection-661c7c2b0a4b270f2bffe2b4 [data-section-id="661342ed5db1a052094e8bdf"] { .section-border, .section-background { background-color: #f1f !important; }}
  24. tuanphan
    For example this image to change it to another image on hover, you can use this CSS code to Website > Website Tools > Custom CSS div#block-d0c3ea0d1396e090325e:hover img { content: url(https://cdn.pixabay.com/photo/2021/04/05/04/21/ao-dai-6152101_1280.jpg); } Replace Pixabay image with your gif image url div#block...5e is Image Block ID. You can use this free tool to find ID https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  25. tuanphan
    To make 1 column on mobile, you can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .gallery-grid--layout-grid .gallery-grid-wrapper { grid-template-columns: repeat(1, 1fr) !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