Jump to content

tuanphan

Circle Member
  • Posts

    65,335
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. I can't find a product page, can you share link to a product? https://www.juarezrodrigues.com/shop
  2. Suppose you want to change default section to "Drinks" Use this code to Sweetwater Chophouse Menu Page Header Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setTimeout(function(){ $('label[role="tab"]:nth-child(3)').click(); $('label[role="tab"]:nth-child(3)').addClass('menu-select-labels--active'); $('label[role="tab"]:nth-child(1)').removeClass('menu-select-labels--active'); }, 2000); }) </script> Note: You will see number 2000 in the code. It means that after the page has finished loading, 2 seconds later the code will start running.
  3. Do you use Personal or Business Plan? And you want to move slideshow to left or right of text section under it
  4. First image Try using this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { [data-section-id="6146b9cb3f8fc159fab8dff8"] .section-background-canvas.background-fx-canvas { display: none; } [data-section-id="6146b9cb3f8fc159fab8dff8"] img { visibility: visible !important; } [data-section-id="6146b9cb3f8fc159fab8dff8"] { min-height: unset !important; height: 55vh; } }
  5. You mean same video for all events? Two way to achieve this (1) Add a Vide Block with Autoplay to Site Footer, then I can test code to move it top of event (2) Add Video Block with Autoplay to Not Linked Page, then use similar code (this will require a custom plugin to pull content from Not Linked Page) If you want (1), you can add video to Site Footer, then I will test the code
  6. Change it to this <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  7. Can you share link to page where you have problem?
  8. Can you share site url? We can check problem easier
  9. Use this CSS code section#itemPagination * { font-family: 'InterVariable' !important; }
  10. 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
  11. Can you share link to page where you use form?
  12. Can you share link to page where you use files? I can check its id easier
  13. 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?
  14. Can you share link to page where you have problem? We can check easier
  15. 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
  16. Current I see this. It should be like this or?
  17. Do you have a mockup/an example, we can imagine your request easier.
  18. You mean align logo to left and nav to right to make align with image under?
  19. We can create a filter like that. You will use Product Page, Blog, Portfolio, Gallery or?
  20. 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; }
  21. 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 } }
  22. 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; }
  23. 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; } }
×
×
  • 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.