Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,861

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .header-title-logo img, .header-title-logo a { max-height: 70px; } }
  2. tuanphan
    This code on Custom CSS created border
  3. tuanphan
    Can you share link to page where you have problem?
  4. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:640px) { body#collection-5bf1dd7e4fa51adec12f7a12 section.Intro.Intro--has-image { height: 300px !important; } }
  5. tuanphan
    Try this code to Website > Website Tools > Custom CSS @media screen and (min-width:992px) { body#collection-661eb62c57857b329d9e0b60 .gallery-masonry { padding-left: 14vw !important; padding-right: 14vw !important; } }
  6. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:1024px) { div#block-yui_3_17_2_1_1713518553034_6252 .slide { width: 25% !important; } div#block-yui_3_17_2_1_1713518553034_6252 img { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } }
  7. tuanphan
    You mean this bar?
  8. tuanphan
    (REMEMBER TO SAVE A COPY OF YOUR CURRENT CODE SOMEWHERE, before edit anything) First, add this code to top of your Universal Filter Plugin code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> Next, find this code (bottom of Filter Plugin code) and change it to this search: { enabled: true,// if false, no Search input will be showed text: 'Search By Name', searchFunc: 'title', }, hooks: { onFilter: function(){$('[class*="blog-"] article.blog-item a').attr("target","_blank");}, } } }] };
  9. tuanphan
    You can use this code to Website > Website Tools > Custom CSS a#site-title:after { content: "my name"; display: block; color: grey; font-size: 14px; } a#site-title { line-height: 30px; }
  10. tuanphan
    You mean this border color?
  11. tuanphan
    Can you share link to booking page?
  12. tuanphan
    Do you use custom code to make text face on scroll down? If yes, I think we can adjust code for border In case you use default option in SS to make text fade, I have no ideal to fix colored box
  13. tuanphan
    Can you share link to page where you have problem? We can check easier
  14. tuanphan
    Just checking this, I see you changed layout, anytime you need help again, let me know.
  15. tuanphan
    For anyone, follow these steps (1) First, use this code to Website > Website Tools > Code Injection > Footer (or Blog 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($){ $('div.blog-item-inner-wrapper div.code-block+div.image-block').insertBefore('.blog-item-wrapper article.entry'); $('.blog-item-top-wrapper').appendTo('div.blog-item-wrapper>.image-block .image-block-wrapper'); }) </script> <style> div.image-block .blog-item-top-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; width: 100%; text-align: center; justify-content: center; align-items: center; } </style> (2) Edit all blog posts > Add Image Block > Next add a Code Block above Image Block > paste this code <div class="title-over-image"></div> Result
  16. tuanphan
    I see it already works fine on mobile
  17. tuanphan
    You can use this code to Website > Website Tools > Custom CSS div#page-section-661eac8f76dd7460ce8ebee5 div.header { max-height: unset !important } #hc-appointment_form_c41180734b24 { margin: unset !important }
  18. tuanphan
    I will check and let you know soon
  19. tuanphan
    Hi Your code is LESS, you need to add it to Custom CSS box (Website > Website Tools > Custom CSS) To make it works on one page, you can add ID before and add to CSS box body#collection-661ff5f23530a524bd48c032 { .page-section.has-background { .section-background { background-size: cover; background-position: center center; @media (min-width: 1000px) { background-attachment: fixed; img { display: none !important; } } } }}
  20. tuanphan
    I don't see button. Can you take a screenshot?
  21. tuanphan
    Can you check site url?
  22. tuanphan
    Yes. If you share link to page where you use list, I can give another code to achieve this
  23. tuanphan
    You can use this code to Website > Website Tools > Custom CSS .fe-block.fe-block-yui_3_17_2_1_1713538914991_46995 { background: linear-gradient(-45deg, #53d6ff, #666be1, #e45372, #f07c63); background-size: 400% !important; -webkit-animation: Gradient 10s ease infinite !important; -moz-animation: Gradient 10s ease infinite !important; animation: Gradient 10s ease infinite !important; padding: 10px; }
  24. tuanphan
    Do you know how to add anchor id yet? And anchor point - portfolio will on same page or different page?
  25. tuanphan
    (1) First, use this code to Website > Website Tools > Code Injection > Footer (or Page Header Code Injection, page where you use Accordion) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("span.accordion-item__title").each(function(){ $(this).html($(this).text()); }); }); </script> (2) Use this code to Custom CSS box span.accordion-item__title { display: flex; align-items: center; } span.accordion-item__title img { width: 20px; height: auto; margin-right: 10px; } (3) Edit Accordion Title, use this format <img src="https://cdn.pixabay.com/photo/2023/12/22/09/51/ai-generated-8463482_1280.jpg"/>Accordion Item 1 Result (4) To adjust icon size, change this
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources