Jump to content

Widle

Circle Member
  • Posts

    153
  • Joined

  • Last visited

Everything posted by Widle

  1. Hello @sharben Check File Size and Format: convert images PNG Use a Different Browser or Network Clear Cache and Cookies compress your image size
  2. Hello @Caitnan can you provide your Live Site URL
  3. Hello @jessg123 add the latter spacing in your required Error Message .form-field-error { letter-spacing:1px!important; }
  4. Try this code .header-nav a:hover { color: #6C4E39 !important; } .header-nav-item--active > a, .header-nav-folder-item--active > a { color: #6C4E39 !important; } .header-nav a { color: #333; } .header-nav .header-nav-item--active .sub-menu a, .header-nav .header-nav-folder-item--active .sub-menu a { color: #6C4E39 !important; } .header-nav .sub-menu a { color: #333; }
  5. Try this code nav .active>a { color: #bababa; }
  6. Try this code .header-nav-folder-content{border-radius:15px; background-color: blue !important; }
  7. Hello everyone I have issues in store Product image zoom Effect not Working on Mobile or small devices how can solve these issues? Hot Yoga Short sleeve t-shirt — Thrive Hot Yoga - Google Chrome 2024-07-12 17-54-40.mp4 see the video this effect does not work on small or mobile devices
  8. h3.portfolio-title.preFade.fadeIn { font-size: 18px; } @itsjessicadigital Try this Code
  9. Hello @PrettyGood On my PC it works no one has any loading issues. It may be your animation speed is very slow or second remove Your Cached files another solution is to remove scale text & add a custom CSS font size
  10. hello @Ziggy I already tried this code but it's not working and without a plugin is it possible
  11. Hello @LouiseDrever The Google Translate Button Is Working but the Text is Conflicts in this button view the video Birmingham Early Years Networks - Google Chrome 2024-07-11 17-09-43.mp4
  12. Hello @Yurimasi My Suggestion is to Remove Your Display None code In Dropdown
  13. Hello @Lnoon18 you can use this code @media (max-width: 799px) { .header-menu-nav-item a { font-family: 'AvenirPro45Book' !important; font-size:16px; letter-spacing:3px; text-transform: uppercase } } Add Media Query
  14. @font-face { font-family: 'Frutiger Bold'; src: url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e1ef5f7eac4fb5196786/1684136431404/frutigerltstd-boldcn%5B60%5D.woff2') format('woff2'), url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e1ef5f7eac4fb5196786/1684136431404/frutigerltstd-boldcn%5B60%5D.woff') format('woff'), url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e1ef5f7eac4fb5196786/1684136431404/frutigerltstd-boldcn%5B60%5D.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Frutiger Thin'; src: url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e42e45f41d271e3d566c/1684137006206/frutigerltstd-cn%5B61%5D.woff2') format('woff2'), url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e42e45f41d271e3d566c/1684137006206/frutigerltstd-cn%5B61%5D.woff') format('woff'), url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e42e45f41d271e3d566c/1684137006206/frutigerltstd-cn%5B61%5D.otf') format('opentype'); font-weight: normal; font-style: normal; } Try this code
  15. I'm looking for this website menu - https://www.loftydevs.com/
  16. can you try this code @font-face { font-family: 'Frutiger Bold'; src: url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e1ef5f7eac4fb5196786/1684136431404/frutigerltstd-boldcn%5B60%5D.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Frutiger Thin'; src: url('https://static1.squarespace.com/static/5fce4a1ce5cb4c30585fc191/t/6461e42e45f41d271e3d566c/1684137006206/frutigerltstd-cn%5B61%5D.otf') format('opentype'); font-weight: normal; font-style: normal; } h1, h2 { font-family: 'Frutiger Bold'; } p, h3, h4 { font-family: 'Frutiger Thin'; } .site-wrapper, .sqs-catalog-item-list { -webkit-font-smoothing: antialiased; } h1, h2, h3, p { letter-spacing: 0px; }
  17. can you provide your custom font code ?
  18. Can you try this code @media only screen and (min-width: 640px){ #block-12345 { opacity: 0; transition: opacity 1s } #block-12345:hover { opacity: 1; transition: opacity 1s } } also watch this video https://youtu.be/llSO2AMIb3M?si=OtQTihqUUOrVQfu0
  19. @Molololol Hi! You can use this code to Website Tools > Custom CSS
  20. Site URL: https://retool.com/ is there a way to have the same hover effect on the nav links?
  21. If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks
×
×
  • 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.