Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,655

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Can you take a screenshot of problem?
  2. tuanphan
    I see it looks fine. Can you take a screenshot of problem?
  3. tuanphan
    Change 992px in the code to 1px
  4. tuanphan
    You can change this code #collection-65d4ca134ce2a875379c1be8 .header { --solidHeaderBackgroundColor: transparent !important; } to this code #collection-65d4ca134ce2a875379c1be8 .header { background-color: transparent !important; }
  5. tuanphan
    Use this code for Our Sponsors Page [data-section-id="65f79f4d88e4c0527d61aa41"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } .list-item-content__button-container a { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; } .list-item-content--hidden { display: block !important; }}
  6. tuanphan
    Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { [data-section-id="661ea105dada2b0e8477b680"] img { content: url(https://content.invisioncic.com/p289038/monthly_2024_04/caribou-PE24-background-mobile.thumb.jpg.9ced126e830618173bd5175548d5a9cc.jpg); } }
  7. tuanphan
    Try use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { iframe[src*="viewform"] { width: 100% !important; } }
  8. tuanphan
    Can you share link to your site? We can check popup easier
  9. tuanphan
    You mean change transition 0.3s or change number 100 on mobile?
  10. tuanphan
    CSS code can't run on Cover Page. You can use this code to Cover Page Header Code Injection <style> .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="buttons"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="sso-options"] li { background: rgba(226, 226, 226, .8); } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { color:#000; } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { padding-left: 0.3em!important; padding-right: 0.1em!important; padding-top: 0.3em; padding-bottom: 0.3em; } </style>
  11. tuanphan
    Can you share link to page where you added countdown, I will test some code to make it fullwidth of screen
  12. tuanphan
    This is code for Artisanat and Women’s Health Clinic. If it works, I will check other lists @media screen and (min-width:992px) { /* Artisanat */ section[data-section-id="661e6a24dd75df35b293a9e3"] .user-items-list-item-container>li:nth-child(n+1) { position: relative; left: calc(~"50% + 10px"); } /* Womens Health Clinic */ .user-items-list-item-container[data-section-id="661e6ac1e057f947a10a6292"]>li:nth-child(n+1) { position: relative; left: calc(~"50% + 10px"); } }
  13. tuanphan
    You try disable Express Checkout and try code again
  14. tuanphan
    Of 3 input fields or button?
  15. tuanphan
    You can use this code to Website > Website Tools > Custom CSS to make image fullwidth body#collection-5cf966e94729150001ae4249 .Index-page-content { max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } div#block-yui_3_17_2_1_1713369537972_12877 figure { max-width: 100% !important; }
  16. tuanphan
    We can use CSS code to move error up a bit, so both input - button will be align correctly. Can you share link to page where you use newsletter? We can check easier
  17. tuanphan
    Can you disable this code? I think I can test new code, to move Search Bar into Navigation, so align problem will be easier to fix. <script> /*Attribute search bar to header*/ $(function(){ let searchBlock = $('.fe-block-yui_3_17_2_1_1711999726209_7879 .sqs-block').attr('id','').addClass('header-search-bar'); /*Place desktop search bar*/ $(searchBlock).insertAfter($('.header-title-nav-wrapper')); /*Create & place mobile search link*/ $(searchBlock).clone().addClass('mobile-header-search-bar').appendTo($('[data-folder="root"] .header-menu-nav-folder-content')); }) </script>
  18. tuanphan
    You can change your code to this @media screen and (min-width:992px) { /*Card Flip Effect*/ #block-yui_3_17_2_1_1713154230326_30335, #block-yui_3_17_2_1_1713154230326_25756, #block-yui_3_17_2_1_1713154230326_27995, #block-yui_3_17_2_1_1713154230326_26815, #block-yui_3_17_2_1_1713154230326_31490{ /* Default Setup */ &.image-block .sqs-block-content{ perspective: 2000px; } .design-layout-poster { position: relative; transition: transform 0.8s; transform-style: preserve-3d; } //Image .design-layout-poster .intrinsic{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } //Caption .design-layout-poster figcaption{ -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); background: hsla(0,0%,100%,1); //Add if needed //border-radius: 20px; } /*Hover Effect*/ &.image-block:hover .design-layout-poster { transform: rotateY(180deg); } } }
  19. tuanphan
    Recently a friend sent me this code, he said the code fixed problem, so you can try it. Add the code to Website > Website Tools > Code Injection > Footer <script type="module"> if (/iPad|iPhone|iPod/.test(navigator.userAgent)) { document.addEventListener("touchstart", function(){}); } </script>
  20. tuanphan
    Remove the code & use this new code @media screen and (max-width:767px) { .ProductItem-gallery-slides-item { position: static !important; height: auto !important; visibility: visible !important; display: block !important; animation: unset !important; } .ProductItem-gallery-slides:before { padding: 0 !important; }}
  21. tuanphan
    I see you added some code. DO NOT remove it. Then You can use this CSS code under for 4 pages /* jedi */ .fe-65610bcd3d3649721ca4cb3f { grid-gap: 0px !important; } /* super camp 2024 */ .fe-65bd308197f3db77dbeb3042 { --row-height-scaling-factor: 0 !important; } /* financial aid */ .fe-657b8bd989d4ed22152d26a0 { grid-template-rows: repeat(11,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; } /* careers */ .fe-661daf53445fac49c0484143 { grid-gap: 0px !important; }
  22. tuanphan
    You can use this CSS code under div.header-nav-folder-content { top: unset !important; bottom: 30px !important; }
  23. tuanphan
    You can open Universal Filter Documentation Page and click this on left side of page
  24. tuanphan
    You mean the kid video on section 2?
  25. tuanphan
    If you have html/css code, you can send, I will try testing it
×
×
  • 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