Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,701

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi, You can add it to Additional Info, then share link to a product, we can give code to move it under add to cart
  2. tuanphan
    Hi, Can you share link to portfolio page? We can check easier
  3. tuanphan
    Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS /* Vimeo padding */ .fe-655c288c15482d39e3555851 { grid-template-rows: repeat(23,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
  4. tuanphan
    Use this code instead body.view-item.collection-type-products #header { background-image: url(https://static1.squarespace.com/static/56172c18e4b092405575cb78/t/655bfe5479dfb615bf845e00/1700527701550/517.jpeg?format=2500w); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 72px 20px 72px; }
  5. tuanphan
    You can reduce spacing by adding this to Website > Website Tools > Custom CSS @media screen and (min-width:992px) { div.container.header-menu-nav-item a { margin-top: 10px !important; margin-bottom: 10px !important; } }
  6. tuanphan
    Try adding to Website > Website Tools > Custom CSS /* resize mobile slideshow */ @media screen and (max-width:767px) { .gallery-slideshow { height: 30vh !important; } }
  7. tuanphan
    Yesterday I solved a similar case, but with uploaded video, not Vimeo or Youtube, use JS code (hover text >> play or pause video)
  8. tuanphan
    Hi, What is site url? We can check easier
  9. tuanphan
    Hi, It shows fine to me, Chrome/Samsung
  10. tuanphan
    You can use this code
  11. tuanphan
    You can use Video Lightbox Plugin I mentioned above
  12. tuanphan
    Site title in top left: it already an option when you edit Header Layout a tagline/description in middle of screen >> we can use a line of CSS code to achieve this some project links at bottom of screen, hover on each link >> show a large image in middle of screen>> I think you can use Portfolio Page, but the links will be on middle of screen, we can try some CSS code to float it to bottom of screen. Hover on each links + hide tag line: Not sure this is possible or not
  13. tuanphan
    Try adding to Website > Website Tools (under Not Linked) > Custom CSS div.variant-select-wrapper option { font-size: 30px !important; }
  14. tuanphan
    Can you share link to page where you have problem?
  15. tuanphan
    It looks fine to me. Windows/Chrome I also tried checking on Firefox (version 120.0)
  16. tuanphan
    Use this code /* Grid Overlay on Mobile */ @media screen and (max-width:767px) { .portfolio-text { justify-content: flex-end !important; top: unset !important; background-color: rgba(255,255,255,0.5) !important; } .portfolio-overlay { opacity: 0 !important; } }
  17. tuanphan
    Hi, How about using 2 images, 1 for desktop, 1 for mobile with code?
  18. tuanphan
    Can you share link to this page? We can check easier
  19. tuanphan
    You can add this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('div#block-5f21465b141b11697cc4').insertAfter('.ProductItem-gallery-slides'); }) </script>
  20. tuanphan
    Can you share link to page where you use form?
  21. tuanphan
    #1. Use this CSS code .header-title-logo a { display: flex !important; align-items: center; } #2. If you don't mind manually inserting captions for each photo with code, each caption is a code, I will give the code
  22. tuanphan
    Hi, Do this for all pages or homepage only? What is site url?
  23. tuanphan
    I see the page has 1 item only, with 2 items, you will need to use a different code when you add 2 items, you can let me know, I will check again & give new code
  24. tuanphan
    You can add this code to Website > Website Tools (under Not Linked) > Custom CSS /* Mobile testimonial slideshow */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="655d11d0376b0f4a2801b9c6"] ul { min-height: unset !important; } }
  25. tuanphan
    Add this CSS code body.header--menu-open div.burger-inner { background-image: url(https://content.invisioncic.com/p289038/monthly_2023_11/placeholder.png.5d045e7611b023fe6cba9bf0c322002b.png); background-size: contain; background-repeat: no-repeat; } body.header--menu-open div.burger-inner>* { opacity: 0; }
×
×
  • 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