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
    Increase this space?
  2. tuanphan
    just share site url, we can give the code I used to deal with same case 2 days ago
  3. tuanphan
    First editing this to this Helping a bank to be itself <span>CLIENT NAME</span> Next, use this code to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".image-slide-title").each(function(){ $(this).html($(this).text()); }); }); </script> You will have this Next, add this code to bottom of Custom CSS box .slide .image-slide-title { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .image-slide-title span { position: absolute !important; top: 80px; left: 80px; z-index: 999999; }
  4. tuanphan
    Add this code to Last Line in Code Injection > Footer <script> $(function() { var loc = window.location.href; // returns the full URL if(/singles/.test(loc)) { $('body').addClass('singles'); } }); </script> <script> $(document).ready(function(){ $('.singles footer.sections .marquee-block').insertAfter('.singles header#header'); }); </script> <style> header#header + .marquee-block { margin-top: 176px; display: block !important; } </style> Then add this code to Custom CSS box footer.sections .marquee-block { display: none !important; }
  5. tuanphan
    Something like this example? https://tuanphan.squarespace.com/autoplay-video-popup?noredirect pass: abc
  6. tuanphan
    I created a quick example, is this what you want? You can enter some text in Search Bar to test https://tuanphan.squarespace.com/gallery-section-1?noredirect pass: abc It can search Title & Description
  7. tuanphan
    For both desktop + mobile, use this new code .user-accounts-text-link { visibility: visible !important; } Change "Login" to My Account + equal space between My Account - About - Shop Our Collections?
  8. tuanphan
    If you share link to site, we can check easier
  9. tuanphan
    Hi, Do you have a mockup/an example/image? We can imagine it easier
  10. tuanphan
    Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="65c83b983c915d544cfba903"] .list-item-content__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } }
  11. tuanphan
    I created a quick example, is this what you want? https://tuanphan.squarespace.com/gg-calendar-popup-3?noredirect pass: abc Click/Hover on button >> Open Google Calendar in a Lightbox
  12. tuanphan
    Try this CSS code @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="65bd4ef80aa0e7737193f2e6"] ul.user-items-list-carousel__slides.user-items-list-carousel__slides--initialized { min-height: unset !important; grid-template-columns: repeat(2,1fr) !important; } }
  13. tuanphan
    Can you send 3 or 4 Code Block code?
  14. tuanphan
    I think the good way is try contacting Lightbox Plugin Author, to see if this is possible or not
  15. tuanphan
    You can use this code to Website > Website Tools > Custom CSS to fix problem div.newsletter-block button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-button-element--primary { background-color: black !important; }
  16. tuanphan
    You can use this code to Website > Website Tools > Custom CSS span.header-nav-folder-item-content { background-image: none !important; }
  17. tuanphan
    Use this CSS code body#collection-64519074792d7e3c48387e07 ul[data-rte-list] li>*:first-child::before { content: "X" !important; }
  18. tuanphan
    Can you share link to some pages where you have problem? We can check easier
  19. tuanphan
    Edit that page > Add a Code Block (anywhere on page) > Use this code <style> article>section:first-child { padding-top: 10px !important; } </style>
  20. tuanphan
    You can use this CSS code /* white box behind arrows */ .gallery-fullscreen-slideshow-control-btn::before, .gallery-slideshow-control-btn::before { background-color: transparent !important; }
  21. tuanphan
    Try this CSS code @media screen and (max-width:767px) { figcaption.gallery-caption.gallery-caption-slideshow { height: auto !important; } .gallery-slideshow { margin-bottom: 70px !Important; } }
  22. tuanphan
    You mean top banner video?
  23. tuanphan
    This code affects Navigation item
  24. tuanphan
    It already worked, however because top 10px so it is behind your header, you can increase it to 144px (144 is header height)
  25. tuanphan
    You mean List Carousel or Gallery Block Carousel or? Can you share link to page where you use carousel?
×
×
  • 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