Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,633

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi, What is page url? We can check easier
  2. tuanphan
    Use this code div.header-nav-folder-content { background-color: transparent !important; }
  3. tuanphan
    Try adding to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width: 992px) { [data-section-id="64aac5954da52c5a49d723ea"] .grid-item .grid-image { padding-bottom: unset !important; height: 70vh !important; }} @media screen and (min-width: 768px) and (max-width: 991px) { [data-section-id="64aac5954da52c5a49d723ea"] .grid-item .grid-image { padding-bottom: unset !important; height: 30vh !important; }} .portfolio-grid-basic .grid-item[href="/projects/manhattan-beach-tree-section"] { height: 100%; }
  4. tuanphan
    use new code, if it doesn't work, please share site url, I can check easier <a href="https://google.com" class="tp-button">Contact</a> <style> a.tp-button { background-color: #89b36a !important; color: white !important; padding: 20px 30px; border-radius: 50px; position: fixed; bottom: 20px; right: 20px; z-index: 9999; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } @-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } </style> It will make button down up down up down up down up down up... Demo: https://codepen.io/jaabert/pen/gObMGBV
  5. tuanphan
    Can you share link to a product?
  6. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width: 992px) { [data-section-id="656c664f5390ff308f44e8e5"] .portfolio-hover, [data-section-id="656c664f5390ff308f44e8e5"] .portfolio-hover-display { min-height: unset !important; } } @media screen and (max-width: 991px) { [data-section-id="656c664f5390ff308f44e8e5"] .portfolio-hover, [data-section-id="656c664f5390ff308f44e8e5"] .portfolio-hover-display { min-height: 60vh !important; } }
  7. tuanphan
    Can you check site url again?
  8. tuanphan
    Did you solve #1, #2 or still need help? With closing clickable, far right end side works, because it is a part of burger menu add this code to CSS box to increase width of clickable area .header-burger.menu-overlay-has-visible-non-navigation-items { left: 30% !important; right: 0 !important; width: 70% !important; } button.header-burger-btn.burger.burger--active { width: 100% !important; }
  9. tuanphan
    Edit each product > Additional Info > Add a Button Block, 3 products will have 3 buttons with 3 urls Then use this code to Code Injection > Footer to replace add to cart with button block <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section.ProductItem-additional .button-block').appendTo('.sqs-add-to-cart-button-wrapper'); }) </script> <style> div.product-details.pdp-details div.sqs-add-to-cart-button-wrapper div.sqs-add-to-cart-button { display: none !important; } div.sqs-add-to-cart-button-wrapper .button-block * { opacity: 1 !important; } </style>
  10. tuanphan
    In post form message >> Enter this code to HTML box <p>enter your message text here</p> <script> window.open('http://stackoverflow.com', '_blank'); </script> Replace stackoverflow with your pdf url
  11. tuanphan
    #1. #2. Add this CSS code /* Mobile space */ @media screen and (max-width:767px) { [data-section-id="65766bfe160ccb66045d7b97"], [data-section-id="65714803a93fb05d5d91d49b"] { padding-top: 0px !important; } }
  12. tuanphan
    Add this code to Last Line in Website Tools (under Not Linked) > Code Injection > Footer <script> jQuery(document).ready(function($){ $('.header-display-desktop nav.header-nav-list').clone().insertAfter('.header-actions.header-actions--right>.showOnMobile'); }) </script> <style> .header-display-desktop .header-actions--right .header-nav-list .header-nav-item:nth-child(-n+2) {display: none;} .header-display-desktop .header-title-nav-wrapper .header-nav-list .header-nav-item:nth-child(n+3) {display: none;} .header-nav-item:nth-child(n+3) { margin-right: 1.5vw; } </style>
  13. tuanphan
    I see your screenshot has 5 items, so you can see space, here shows 4 items only
  14. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS to adjust header shop button header#header a.btn { padding-left: 30px !important; padding-right: 30px !important; }
  15. tuanphan
    Add this code to Code Block <style> .code-block .sqs-add-to-cart-button { min-width: 200px; } </style>
  16. tuanphan
    #2. You can add this to Website Tools (under Not Linked) > Custom CSS div.header-nav-item--active a { color: #f00 !important; }
  17. tuanphan
    Use this CSS code, it will apply to all blog post detail (with list page, will need to change view-item to view-list [class*="type-blog"].view-item header#header { background-image: url(https://cdn.pixabay.com/photo/2023/11/11/19/58/whisky-8381774_1280.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
  18. tuanphan
    Do you have an example? We can imagine easier
  19. tuanphan
    Try this body { margin: 0; height: 100vh; cursor: url(https://static1.squarespace.com/static/63c8b02c67ac2c30ae9427df/t/657134d4ab330577bc8eb047/1701917908121/custom-curser.png), auto !important; } body a:hover, body a:hover * { cursor: url(https://static1.squarespace.com/static/63c8b02c67ac2c30ae9427df/t/657134d4a70814190f44bef5/1701917908113/custom-curser-hover.png), auto !important; } If you can't edit anything in edit mode, you can access safe mode with this link https://gracelillianlee.squarespace.com/config/safe
  20. tuanphan
    Try adding this to Website Tools (under Not Linked) > custom CSS. If it doesn't work, please share link to your site div.header-nav-item:last-child { position: absolute; right: 7vw; }
  21. tuanphan
    Try adding this to Website Tools (under Not Linked) > Custom CSS .fe-6558306d1a540a63576ae13a { --row-height-scaling-factor: 0 !important; }
  22. tuanphan
    Can you share link to this page?
  23. tuanphan
    You can add this code to Website Tools (under Not Linked) > Custom CSS to fix problem @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 30vh !important; } }
  24. tuanphan
    Can you share site url? We can check easier
  25. tuanphan
    Use this code under h2.entry-title.entry-title--list a { line-height: 25px !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