Jump to content

tuanphan

Circle Member
  • Posts

    63,866
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. 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 } }
  2. 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; }
  3. You mean when users click Play video >>> Text + Play icon will disappear and video is playing?
  4. 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; }
  5. Hi, Where did you add Flodesk code? You try adding it to Website > Website Tools > Code Injection > Footer
  6. Hi, You can add it to Website > Website Tools > Code Injection > Footer
  7. 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; }
  8. Hi, Can you share link to this page? We can check easier
  9. You need to add it to Website > Website Tools > Custom CSS
  10. This code for Shop Page. You can share link to a detail product, we can help easier
  11. Use this code instead body.view-list section[data-section-id="631be0428f71a31aacf70a54"] { display: none; }
  12. You can follow this to share url, we can check easier
  13. 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.
  14. I see you solved? I checked on some pages and all are fine https://angelaart.squarespace.com/news
  15. 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; }
  16. 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"; }}
  17. 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
  18. 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; }
  19. You can use this CSS code under div#mobileMenuLink a:before { filter: invert(1); }
  20. Hi, I don't see Codepen link. Can you check again? I remember there is a similar thread in Circle Forum (you can also try searching solution there)
×
×
  • 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.