Jump to content

tuanphan

Circle Member
  • Posts

    63,814
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. Try this new code /* Mobile Calendar */ @media screen and (max-width:767px) { a.background-image-link[href*="pink"] { background-color: #f26bdc !important; } a.background-image-link[href*="pink"] img { opacity: 0 !important; } .has-event * { color: white !important; } .yui3-squarespacecalendar .compact-layout .background { display: block !important; } }
  2. Try adding to Design > Custom CSS @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1685144312761_1887 .slide { max-width: 70% !important; left: 50%; transform: translateX(-50%); } }
  3. Add to Design > Custom CSS div#block-646b1d3082b36c1b8a484a94 label:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 20px; height: 20px; position: relative; top: 5px; margin-right: 5px; } div#block-646b1d3082b36c1b8a484a94 label:nth-child(1):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-catalan.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(2):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-espanol.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(3):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-ingles.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(4):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-italiano.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(5):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-frances.svg); }
  4. I also have a similar code, to add custom badge
  5. Hi, What is your site url? We can help easier
  6. You mean hover on each image >> replace current image with new image or a smaller image will appear, over current image?
  7. #1. Can you send all current code after adding my code? #2. I don't know this, it is fine on my laptop. Windows 10/Chrome
  8. Add this to Design > Custom CSS body.header--menu-open .burger-inner>div { background-color: black !important; } body:not(.header--menu-open) .burger-inner>div { background-color: white !important; }
  9. You can add this to Design > Custom CSS. This code will hide titles on Live Mode only, title still shows appear on Edit Mode body:not(.sqs-edit-mode) .blog-item-title { display: none !important; }
  10. What is your site url or link to page where you have problem? We can check easier
  11. Which code did you use? We can check & test it easier
  12. You can see this plugin: https://www.adlyticmarketing.com/plugins/p/dark-mode
  13. Hi, What is your site url? We can check easier
  14. Try adding to Design > Custom CSS div#block-f99769c02d9545845172 h3>span { padding: 20px !important; display: block; }
  15. Try adding this to Design > Custom CSS @media screen and (max-width:767px) { .header-mobile-logo { padding-right: 0 !important; } .header-actions.header-actions--right a { width: 25px !Important; } }
  16. Add to Settings > Advanced > Code Injection > Footer <div class="custom-info-bar yui3-widget sqs-widget sqs-mobile-info-bar sqs-mobile-info-bar-hide"><div class="sqs-mobile-info-bar-content"><div class="sqs-mobile-info-bar-triggers"> <div class="sqs-mobile-info-bar-trigger" data-type="contactEmail"> <a href="mailto:michaelsnyder@snydertv.com"> <span class="sqs-mobile-info-bar-trigger-icon"></span> <span class="sqs-mobile-info-bar-trigger-label">Email</span> </a> </div> <div class="sqs-mobile-info-bar-trigger" data-type="contactPhoneNumber"> <a href="tel:+1 (404) 467-6895"> <span class="sqs-mobile-info-bar-trigger-icon"></span> <span class="sqs-mobile-info-bar-trigger-label">Call</span> </a> </div> <div tabindex="0" role="button" class="sqs-mobile-info-bar-trigger" data-type="location" data-overlay="true"> <span class="sqs-mobile-info-bar-trigger-icon"></span> <span class="sqs-mobile-info-bar-trigger-label">Map</span> </div> </div> <div class="sqs-mobile-info-bar-overlay" role="dialog" > <div tabindex="0" role="button" aria-label="Close" class="sqs-mobile-info-bar-overlay-close"> </div> <div class="sqs-mobile-info-bar-overlay-content"></div> </div></div></div> <style> @media screen and (max-width:767px) { .custom-info-bar { display: none !important; } } </style>
  17. Add to Design > Custom CSS ul.t-nav a { background-color: #f2f2f2; padding: 5px 10px; display: inline-block; text-align: center; } https://liquidav.co.nz/shop/all-products/packages/p/mi347-distribution-amplifier
  18. You can try this similar plugin https://www.squarestylist.com/shop/movable-blocks
  19. Which page are you referring to? I don't see this on homepage, tried clicking on a post, still show nothing https://www.readalmostfamous.com/reviews/overmono-good-lies-review
  20. Add to Design > Custom CSS div.lightbox-inner input:not([type="submit"]), div.lightbox-inner textarea { border: none !important; background-color: white !important; border-bottom: 1px solid black !important; }
  21. With homepage, try adding this to Design > Custom CSS div#block-yui_3_17_2_1_1683917161417_33080 .summary-item:first-child { display: none; }
  22. Hi, Can you check url again? I can't access it.
  23. Hi, Password is incorrect. Can you check it again? Password123!
×
×
  • 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.