Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Content Count

    11,196
  • Joined

  • Last visited

  • Days Won

    130

Everything posted by tuanphan

  1. What is access password? I Guess you can use SS 7.1 to create this layout?
  2. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5ef95899f6302b5d71fbaa39>.row:nth-child(4) { display: flex; flex-direction: column-reverse; } }
  3. Add to Home > Design > Custom CSS @media screen and (min-width:641px) { header#topBar { display: flex; justify-content: center; flex-direction: column; text-align: center; } .siteTitle { float: none !important; width: 100% !important; max-width: 100% !important; text-align: center !important; padding-bottom: 0 !important; padding-top: 5px !important; } ul#nav { max-width: 100% !important; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; } section#container { margin-top: 150px !important; } }
  4. Add to Home > Design > Custom CSS .image-title-mobile { display: none !important; }
  5. Add Code Block > Paste code <div class="img-magnifier-container"> <img id="myimage" src="https://cdn.pixabay.com/photo/2020/01/09/03/41/cow-4751775__340.jpg" width="600" height="400"> </div> <script> /* Initiate Magnify Function with the id of the image, and the strength of the magnifier glass:*/ magnify("myimage", 3); </script> <style> .img-magnifier-container { position:relative; } .img-magnifier-glass { position: absolute; border: 3px solid #000; border-radius: 50%; cursor: none; /*Set the size of the magnifier glass:*/ width: 100px; height: 100px; } </style> <script> function magnify(imgID, zoom) { var img, glass, w, h, bw; img = document.getElementById(imgID); /*create magnifier glass:*/ glass = document.createElement("DIV"); glass.setAttribute("class", "img-magnifier-glass"); /*insert magnifier glass:*/ img.parentElement.insertBefore(glass, img); /*set background properties for the magnifier glass:*/ glass.style.backgroundImage = "url('" + img.src + "')"; glass.style.backgroundRepeat = "no-repeat"; glass.style.backgroundSize = (img.width * zoom) + "px " + (img.height * zoom) + "px"; bw = 3; w = glass.offsetWidth / 2; h = glass.offsetHeight / 2; /*execute a function when someone moves the magnifier glass over the image:*/ glass.addEventListener("mousemove", moveMagnifier); img.addEventListener("mousemove", moveMagnifier); /*and also for touch screens:*/ glass.addEventListener("touchmove", moveMagnifier); img.addEventListener("touchmove", moveMagnifier); function moveMagnifier(e) { var pos, x, y; /*prevent any other actions that may occur when moving over the image*/ e.preventDefault(); /*get the cursor's x and y positions:*/ pos = getCursorPos(e); x = pos.x; y = pos.y; /*prevent the magnifier glass from being positioned outside the image:*/ if (x > img.width - (w / zoom)) {x = img.width - (w / zoom);} if (x < w / zoom) {x = w / zoom;} if (y > img.height - (h / zoom)) {y = img.height - (h / zoom);} if (y < h / zoom) {y = h / zoom;} /*set the position of the magnifier glass:*/ glass.style.left = (x - w) + "px"; glass.style.top = (y - h) + "px"; /*display what the magnifier glass "sees":*/ glass.style.backgroundPosition = "-" + ((x * zoom) - w + bw) + "px -" + ((y * zoom) - h + bw) + "px"; } function getCursorPos(e) { var a, x = 0, y = 0; e = e || window.event; /*get the x and y positions of the image:*/ a = img.getBoundingClientRect(); /*calculate the cursor's x and y coordinates, relative to the image:*/ x = e.pageX - a.left; y = e.pageY - a.top; /*consider any page scrolling:*/ x = x - window.pageXOffset; y = y - window.pageYOffset; return {x : x, y : y}; } } </script>
  6. Can you share link to product page? We can check easier.
  7. Add to Home > Design > Custom CSS .gallery-grid-wrapper p.gallery-caption-content { text-align: center; }
  8. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage #page section:first-child { min-height: 30vh !important; height: 50vh !important; margin-top: 90px; } }
  9. Page Header supports Business Plan higher only Which code do you want to use? Sometimes you can convert to Custom CSS (Personal Plan supports CSS)
  10. Hi, on mobile or desktop? Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .homepage .desc-wrapper * { font-size: 30px !important; } }
  11. I see underline hover works here? Dell laptop/Chrome With mobile, add this to Home > Design > Custom CSS .header-menu-nav-item a { display: inline-block; }
  12. Hi. Sorry for the late reply. Can you add an example event? We can check easier. There are no upcoming events at this time.
  13. Hi. Sorry for the late reply. Can you share link to your site? We can give some simple code to solve this. If you site is private, trial, you can setup password & share url
  14. Can you share link to your site?
  15. Hi. Sorry for the late reply. Can you share link to your site? We can give some simple code to solve this.
  16. Hi. Sorry for the late reply. With this problem, you can contact Squarespace Customer Care (Email/Livechat). Contact here. https://support.squarespace.com/hc/en-us/requests/new?_ga=2.89274520.2075402958.1593384866-536704354.1593384866#choose-topic
  17. Can you enable image title first?
  18. They are same, you can put all in a <style> css </style> or <style> css 1 </style> <style>css 2 </style>
×
×
  • Create New...