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
    I see you figured it out?
  2. tuanphan
    It looks fine to me. What should it look like or can you share link to page where you have problem?
  3. tuanphan
    When you add a block > Choose Image in the list, that is an image block
  4. tuanphan
    Use this CSS code div.ProductItem-relatedProducts .grid-image-hover { opacity: 0 !important; } div.ProductItem-relatedProducts .grid-image-cover { opacity: 1 !important; }
  5. tuanphan
    You mean hover this video >> Appear a text?
  6. tuanphan
    Hi, This is possible. Just add an Image Block with Classic Editor Section (do not use new editor, because new editor doesn't support image url) (the image support click though url) Then share link to page where you added Image Block, we can give code to make hover/scale effect
  7. tuanphan
    You're welcome
  8. tuanphan
    #1. You mean move this center? #2. Change this space on desktop + mobile?
  9. tuanphan
    Hi, Can you share link to page where you use form? We can check its code easier
  10. tuanphan
    We can use code to add second button. You can add PDF link or another link into this button
  11. tuanphan
    The site is expired. You can access this link to extend trial for free
  12. tuanphan
    Hi, I think this is possible. If you share link to page where you use gallery block & which images you want to do this, we can help easier
  13. tuanphan
    You mean add text over image? This code for Image Block - Inline Design. It supports Image caption so you can add any text
  14. tuanphan
    Something like this?
  15. tuanphan
    Change your code to this new code @media screen and (min-width:992px) { .gallery-grid .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); // overlay color height: 100%; padding: 0; opacity: 0; pointer-events: none; } .gallery-grid .gallery-caption-wrapper { display: flex; align-items: center; // center vertically justify-content: center; // center horizontally } .gallery-grid .gallery-caption-content { font-size: 1.2rem !important; // caption font size color: white; //caption font color padding: 1vw; // padding around the caption } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; max-width: unset; } }
  16. tuanphan
    Hi, What is your site url? We can check & adjust code easier
  17. tuanphan
    Hi, If you share link to page where you have problem, we can give some code to resize gallery on mobile
  18. tuanphan
    What is your site url? We can check easier
  19. tuanphan
    Add this to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> jQuery(document).ready(function($){ if ($(window).width() > 992) { $('div.header-actions-action a.btn').attr('href','/contact'); $("div.header-actions-action a.btn").html(function() { return $(this).html().replace("Call Now: (470)TRAIN-ME", "Contact Us"); }); } }) </script>
  20. tuanphan
    Hi, You want Click an external link > users need to enter a password > take to new site? This is possible. Can you share link to page where you added an external link? We can check easier
  21. tuanphan
    What is your site url? We can check easier
  22. tuanphan
    You can add this to Design > Custom CSS to equal this space @media screen and (min-width:992px) { #collection-64165b0cfb51c6694bd1e502 .summary-title { min-height: 50px; } }
  23. tuanphan
    Add to Design > Custom CSS a.item-pagination-link.item-pagination-link--prev .item-pagination-prev-next:before { content: ""; background-image: url(https://content.invisioncic.com/p289038/monthly_2023_05/SlimArrow-Left.png.160374ad8d239709f3f136f5102f6c1f.png); background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 50px; height: 10px; } a.item-pagination-link.item-pagination-link--next .item-pagination-prev-next:after { content: ""; background-image: url(https://content.invisioncic.com/p289038/monthly_2023_05/SlimArrow-Right.png.11d77ad9f9a290c9de22a7227598f031.png); background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 50px; height: 10px; }
  24. tuanphan
    Don't remove any code in your current code. Add this to Design > Custom CSS @media screen and (max-width:767px) { .header--menu-open .header-menu { width: 100% !important; margin: 0 !important; } }
  25. tuanphan
    It looks like you removed map on mobile. Do you still need help?
×
×
  • 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