Jump to content

tuanphan

Circle Member
  • Posts

    63,790
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. You can use this code <script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if ( window.location == window.parent.location ) { const reelControls = document.querySelectorAll('.user-items-list-item-container[data-section-id="65fbc8eb0b899b68d63c824e"] .user-items-list-carousel__arrow-button--right'); reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script>
  2. #1. You mean this space? #2. Use this CSS code a.header-nav-folder-title:hover { text-decoration: underline; } div.header-nav-folder-item a:hover { text-decoration: underline; }
  3. You can use some CSS code like this (Website > Website Tools > Custom CSS) to set fixed size on mobile @media screen and (max-width: 767px) { h1 { font-size:35px } h2 { font-size: 24px } h3 { font-size: 18px } p { font-size: 16px } }
  4. You can use this code to Website > Website Tools > Custom CSS. Replace Pixabay with your image url body#collection-53ec0b90e4b05b5aedd4998f main.Main { background-image: url(https://cdn.pixabay.com/photo/2024/03/05/22/04/bird-8615360_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  5. You mean when users click Play video >>> Text + Play icon will disappear and video is playing?
  6. Try this code, if it doesn't work, please share site url, we can check easier .burger-box:after { content: "\e009"; font-family: 'squarespace-ui-font'; display: block; color: #000; font-size: 40px; visibility: visible; } .burger-box div { display: none; }
  7. Hi, Where did you add Flodesk code? You try adding it to Website > Website Tools > Code Injection > Footer
  8. Hi, You can add it to Website > Website Tools > Code Injection > Footer
  9. You can use this CSS code div.lightbox-content .field input { background-color: #f1f !important; } Use this CSS code div.lightbox-content .caption-text, div.lightbox-content label { color: red !important; font-size: 30px !important; }
  10. Hi, Can you share link to this page? We can check easier
  11. You need to add it to Website > Website Tools > Custom CSS
  12. This code for Shop Page. You can share link to a detail product, we can help easier
  13. Use this code instead body.view-list section[data-section-id="631be0428f71a31aacf70a54"] { display: none; }
  14. You can follow this to share url, we can check easier
  15. Can you share link to page in screenshot? We can check easier But I remember I installed Bootstrap 3 years ago, and it had some IDs that conflicted with SS, will need to rename the IDs so they can work together.
  16. I see you solved? I checked on some pages and all are fine https://angelaart.squarespace.com/news
  17. You can use this code to Website > Website Tools > Custom CSS a.header-nav-folder-title[href*="85e7b"]+div>div:nth-child(n+19) { display: none; }
  18. Use this code for mobile .user-items-list-item-container[data-section-id="65e07302487e8725e7601b17"] { .mobile-arrows svg { display: none !important; } button.mobile-arrow-button.mobile-arrow-button--left:after { content: "Prev"; } button.mobile-arrow-button.mobile-arrow-button--right:after { content: "Next"; }}
  19. Yes, but each slide will require a different code. Right text, is last paragraph, I used code to move it to right here is screenshot in backend so you can add text to slide, then let me know which text you want to float to right, I will give the code & rule to find code in the future
  20. You try this to Website > Website Tools > Custom CSS. This code for UI/UX Design /* UI UX Design hover */ .fe-block.fe-block-0391ce8cbc454639cef2:hover * { font-style: italic; } .fe-block.fe-block-0391ce8cbc454639cef2:hover+div .image-block { transform: rotate(45deg) !important; }
  21. You can use this CSS code under div#mobileMenuLink a:before { filter: invert(1); }
×
×
  • 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.