Jump to content

tuanphan

Circle Member
  • Posts

    64,819
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Can you share link to page where you have problem?
  2. Can you share site url? We can check problem easier
  3. Use this CSS code section#itemPagination * { font-family: 'InterVariable' !important; }
  4. If button - form on same page First, add a Code Block override or near Form Block > paste this code <div id="contact"></div> Next, edit button > enter this url format #contact
  5. Can you share link to page where you use form?
  6. Can you share link to page where you use files? I can check its id easier
  7. Yes. We can target with ID, but you need to share link to page where you use form & which CSS you want to apply, I can give the code. In case you know inspect HTML, find this ID and to apply this ID, suppose #3 code, we will use new CSS like this /* align title */ form[data-form-id="65dbf1edf3365648bccd9900"] .form-title { text-align: center; margin-left: 22px; } Open Form: You want to change text size, color, background or?
  8. Can you share link to page where you have problem? We can check easier
  9. To change on One Page, you can use this code to Page Header Code Injection (or edit page > Add a Code Block) <style> footer.sections, footer.sections .section-background, footer.setions .section-border { background-color: black !important; } footer.sections * { color: white !important; } </style> With icon color, you need to share site url, we can check code easier
  10. Current I see this. It should be like this or?
  11. Do you have a mockup/an example, we can imagine your request easier.
  12. You mean align logo to left and nav to right to make align with image under?
  13. We can create a filter like that. You will use Product Page, Blog, Portfolio, Gallery or?
  14. You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share site url, we can check easier. footer.sections a:hover, footer.sections a:hover span { color: white !important; }
  15. Try this CSS code (I think I sent it somewhere?) @media screen and (max-width: 767px) { div#page-5cf6ed87e03c28000107a516 .span-12>.row { column-count:2 } }
  16. You can use this CSS code for arrows .gallery-lightbox-control-btn-icon .caret-right-icon--small, .gallery-lightbox-control-btn-icon .caret-left-icon--small { width: 40px; height: 50px; background-color: #f1f; } and this for X icon .gallery-lightbox-close-btn-icon svg { width: 30px !important; height: 30px !important; border: 1px solid white; }
  17. Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:991px) { [data-section-id="65a47ede29118d6ca0291913"] { min-height: unset !important; height: 60vh; } [data-section-id="65a47ede29118d6ca0291913"] .html-block { position: relative; top: -100px; } [data-section-id="65a47ede29118d6ca0291913"] .html-block * { font-size: 30px; } }
  18. I see your screenshot looks fine. Can you describe it a bit clearly? https://www.ofwhitewalls.com/rectangle-1
  19. You can share site url, I can check your problem easier
  20. You can open product > Right click on anywhere on page > Inspect > A box will appear on right or bottom of screen > Scroll up and find <body, you will see #item..
  21. Try this <script> var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile"); if(isAndroid) { // Do something! // Redirect to Android-site? window.location = 'http://android.davidwalsh.name'; } </script> Reference: https://stackoverflow.com/questions/6031412/detect-android-phone-via-javascript-jquery
  22. Can you share link to page where you added this code?
×
×
  • 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.