Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,819

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can add this to Website Tools (under Not Linked) > Custom CSS /* Music Page - Fix border disappear */ @media screen and (max-width:767px) { #block-86b3b8fcd2523a5231b8 { width: calc(~"100% - 10px") !important; margin: 0 auto !important; } }
  2. tuanphan
    In your CSS code, find this and change absolute to fixed
  3. tuanphan
    Hi, The url doesn't exist I don't see video on this page
  4. tuanphan
    Like this? Use this CSS code (I removed red from the code) /* Dropdown auto width */ .header-nav-folder-content { padding-left: 10px !important; padding-right: 0 !important; left: 0 !important; right: 0 !important; }
  5. tuanphan
    Try adding to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width: 900px) and (orientation: landscape) { #block-yui_3_17_2_1_1701389468272_38802, #block-yui_3_17_2_1_1701389468272_40971 { width: 100% !important; }}
  6. tuanphan
    Where did you add the code? If Page Header Code Injection, your code is incorrect If CSS box, Your code is also invalid, it missed some tags Can you share link to page where you want to apply this?
  7. tuanphan
    It's still unclear why that is I'm still checking
  8. tuanphan
    #1. Use this CSS code div.list-section-title p { font-family: 'Livvic semi' !important; } .user-items-list-item-container[data-section-id="656a379745f5ba2466ab88b4"] * { font-family: 'CREATOBLACK' !important; } #2. Use this CSS @media screen and (max-width:767px) { [data-section-id="656a379745f5ba2466ab88b4"] div.list-section-title p { line-height: 24px !important; } } #3. You can cut text a bit with this CSS code @media screen and (max-width:767px) { [data-section-id="656a379745f5ba2466ab88b4"] .list-item-content__description p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } }
  9. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS /* Fix bg */ .tweak-overlay-parallax-enabled .Parallax-item { background-color: blue !important; }
  10. tuanphan
    Gallery is not full height, maybe a setting when edit section? Homepage Zimmer page
  11. tuanphan
    Use this new code div.header-nav-item:nth-child(1):hover, div.header-nav-item--active:nth-child(1) { background-color: #745C8E !important; } div.header-nav-item:nth-child(2):hover, div.header-nav-item--active:nth-child(2) { background-color: #2D6945 !important; } div.header-nav-item:nth-child(3):hover, div.header-nav-item--active:nth-child(3) { background-color: #C8553D !important; } How about mobile? Do same or do it on desktop only
  12. tuanphan
    I see it looks fine here
  13. tuanphan
    Hi, I think it is possible, but can you check url again? It doesn't exist https://blenny-blue-6prx.squarespace.com/blog-locations/cimdix-2ws34-nmlnc
  14. tuanphan
    Try this code /* Accordion Block - Expand all items */ [data-section-id="6554d09ab712136bc5ed868e"] { .sqs-block-accordion li:nth-child(4) .accordion-item__dropdown { display: block !important; } [data-is-open="true"] ~ li.accordion-item .accordion-item__dropdown { display: none !important; }}
  15. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:1024px) and (min-width:768px) { .fe-block-yui_3_17_2_1_1700753224121_7882 { grid-column-end: 7 !important; grid-column-start: 2 !important; } .fe-block-4d072485efa795b3d259 { grid-column-start: 10 !important; grid-column-end: 16 !important; } .fe-block-86f7b670d80b3c03abee { grid-column-start: 17 !important; grid-column-end: 24 !important; } }
  16. tuanphan
    How about this example? https://codepen.io/aron-tw/pen/pLJqgE We can convert it to Squarespace Code Block. Or you can find another example on Codepen then share url, we can convert it for you
  17. tuanphan
    Can you share link to page where you have problem? We can check easier
  18. tuanphan
    Add to Website Tools (under Not Linked) > Custom CSS /* WeGlot dropdown background */ .language-picker-content { background-color: #f1f !important; } .language-picker-content * { color: black !important; }
  19. tuanphan
    Add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('<a class="tp-phone" href="tel:+441172350000"><i class="fa-solid fa-phone" style="color: #ffffff;"></i></a>').appendTo('.header-actions-action.header-actions-action--cta'); $('<a class="tp-email" href="mailto:hello@innovecom.com"><i class="fa-solid fa-envelope" style="color: #ffffff;"></i></i></a>').insertBefore('.tp-phone'); $('<a class="tp-location" href="https://maps.app.goo.gl/cPDj68KXYN52zhYE7" target="_blank"><i class="fa-solid fa-location-dot" style="color: #ffffff;"></i></a>').insertBefore('.tp-email'); }) </script> <style> .tp-email { margin-left: 15px; margin-right: 15px; } </style>
  20. tuanphan
    Hi, Move this?
  21. tuanphan
    Add this CSS /* Shop size */ .header-menu-nav-wrapper a { font-size: 17px !important; }
  22. tuanphan
    What is site url?
  23. tuanphan
    Hi, You want Move this bar to top? Always sticky on top of page when users scroll?
  24. tuanphan
    Use this CSS code /* hide slideshow arrows */ [data-section-id="enter id"] .user-items-list-banner-slideshow .arrow-container { visibility: hidden; } Replace with your data section id, use this free tool to find data section id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  25. tuanphan
    Changed both left to right. If it doesn't work, please share link to your site body:not(.header--menu-open) .header-menu { right: -200%; transition: all 0.3s; left: unset !important; } .header--menu-open .header-menu { right: 0; transition: all 0.3s; left: 0 !important; }
×
×
  • 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