Jump to content

tuanphan

Circle Member
  • Posts

    64,986
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Add to Design > Custom CSS a.project .content-fill:after { content: ""; background: rgba(255, 255, 0,0.5) !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
  2. You can add this to Design > Custom CSS to hide logo on homepage only body.homepage header#header img { visibility: hidden; }
  3. The site is expired. You can access this link to extend it for free
  4. Hi, It looks like you solved? I see 1 column here
  5. If you share link to your site, we can check ID easier
  6. Just share link to page where you use Image Card, we can check easier, no need to send email
  7. Hi, If you share link to your site, we can help easier
  8. Hi, Can you share link to event page? We can check easier
  9. Add to Design > Custom CSS /* Arrows Position */ .swiper-button-next { right: unset !important; left: 50%; } .swiper-button-prev { left: calc(~"50% - 50px") !important; }
  10. Add to Design > Custom CSS /* Poster Image Hover */ .design-layout-poster:hover .image-overlay { background-color: rgba(255, 0, 0,0.9) !important; -webkit-mask-image: none !important; } .design-layout-poster figcaption { opacity: 0; } .design-layout-poster:hover figcaption { opacity: 1; }
  11. Hi, If you share link to page where we can find Pinterest, we can help easier
  12. Hi, Add to Design > Custom CSS /* Gallery slideshow to stacked */ @media screen and (max-width:767px) { .gallery-slideshow-item-img.content-fit { opacity: 1 !important; } figure.gallery-slideshow-item { position: relative !important; visibility: visible !important; } .gallery-slideshow { height: auto !important; } .gallery-slideshow-wrapper { height: 100% !important; } .gallery-slideshow-list { position: static !important; } .gallery-slideshow-item img { position: static !important; visibility: visible !important; } .gallery-slideshow-controls { display: none !important; }}
  13. If you use a Business Plan or higher, you can add this to Code Injection > Footer. The code will grab Event Thumbnail & Move to position in your screenshot <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script> <script> jQuery(document).ready(function ($) { a = $('meta[property="og:image"]'); a.attr("content", a.attr("content").replace("http", "https")); var t = a.attr("content"); $('meta[property="og:description"]').attr("content"); $('<div class="event-banner"><img class="event-banner-image" src="' + t + '"></div>').insertAfter("ul.eventitem-meta.event-meta.event-meta-address-container"); }); </script> <style> .event-banner img { width: 80%; height: auto; } </style>
  14. Hi, Can you share link to page where you added the code? We can check easier
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.