Jump to content

Widle

Circle Member
  • Posts

    157
  • 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. Can you try this in styles
  7. Try this code .header-nav-folder-content{border-radius:15px; background-color: blue !important; }
  8. 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
  9. Welcome👍 @itsjessicadigital
  10. h3.portfolio-title.preFade.fadeIn { font-size: 18px; } @itsjessicadigital Try this Code
  11. 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
  12. Can you try this in your color palette
  13. hello @Ziggy I already tried this code but it's not working and without a plugin is it possible
  14. 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
  15. Hello @Yurimasi My Suggestion is to Remove Your Display None code In Dropdown
  16. 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
  17. @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
  18. I'm looking for this website menu - https://www.loftydevs.com/
  19. 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; }
  20. can you provide your custom font code ?
  21. 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
  22. @Molololol Hi! You can use this code to Website Tools > Custom CSS
  23. Site URL: https://retool.com/ is there a way to have the same hover effect on the nav links?
  24. 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.