Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,701

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can use a CSS code like this .pdp-layout .pdp-details .pdp-details-title { font-family: 'omnes-pro' !important; }
  2. tuanphan
    To apply to buttons belong a specific section, use this code [enter your data-section-id] { a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; background: #000; transition: all 0.3s ease; } a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element { transition: all 0.3s ease; position: relative; display: flex; background-color: transparent !important; } a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element:hover { color: #fff; } a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element:hover:after { top: 0; height: 100%; } } Use this free tool to find data section id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  3. tuanphan
    You can consider changing mobile overlay background color, or change logo to another logo when burger menu is open To change logo, you can use this code to Website > Website Tools > Custom CSS. Replace Pixabay image with your new logo url body.header--menu-open header#header img { content: url(https://cdn.pixabay.com/photo/2016/10/26/22/02/dog-1772759_1280.jpg); }
  4. tuanphan
    Can you share link to page where you added code on your site?
  5. tuanphan
    You can use this code to Website > Website Tools > Custom CSS fieldset#radio-702f2676-2a25-4355-8e28-1f26b5271a1b { display: grid; grid-template-columns: repeat(2,1fr); }
  6. tuanphan
    I just checked and it looks like there is remove SS option to make more text You can consider create custom quick view lightbox, but this will take more time to add content to quick view lightbox (but if you need this, let me know, I will give some hint)
  7. tuanphan
    It's quite complicated so I haven't had time to check it yet. But here I shared some custom layout, You can based on that to try to customize the items
  8. tuanphan
    The page doesn't work. Can you check it again?
  9. tuanphan
    You can remove code you used, then we can give new code to make list block clickable + exclude card on another page. Your current code is encrypted so there is no way to insert an exclude id into your code
  10. tuanphan
    You can use this code to Custom CSS box [data-section-id="642ed5df644676989d3164f4"]:after { content: "Simon Mannion"; position: absolute; left: 50%; transform: translateX(-50%); font-size: 30px; z-index: -1; }
  11. tuanphan
    Use this code under @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1711831694026_15313 .native-video-player.video-player { padding-top: 90% !important; } }
  12. tuanphan
    Can you share link to a product/ we an try some CSS code
  13. tuanphan
    Have you adjusted all yet?
  14. tuanphan
    You mean add it above scrolling block, or make countdown to scroll?
  15. tuanphan
    When you use a link something like this, it will automatically enter password (just an example link) https://tuanphan3.squarespace.com/lottie-loading-one?noredirect&password=abc
  16. tuanphan
    Use this CSS code under [data-filter="lokation"].sqs-block:before { content: "Lokation"; display: block; font-size: 17px; margin-top: 20px; font-weight: bold; }
  17. tuanphan
    The page doesnt exist now. Can you check it again?
  18. tuanphan
    You can use this CSS code img.grid-item-image.grid-image-cover { opacity: 1 !important; } img.grid-item-image.grid-item-additional-image { opacity: 0 !important; } img.grid-item-image.grid-image-hover { opacity: 0 !important; }
  19. tuanphan
    You can setup a quick site with same layout then share url, we can help easier
  20. tuanphan
    So you want to hide this button on Tablet? @media screen and (max-width:1024px) and (min-width:768px) { a.btn { display: none; } }
  21. tuanphan
    You can use this code to Website > Website Tools > Custom CSS section[data-section-id="65f469eafbfb4d0db67db898"], section[data-section-id="65f79f4d88e4c0527d61aa41"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } .user-items-list-carousel .list-item-content__button-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .user-items-list-carousel .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; }}
  22. tuanphan
    Change 640 in your code to 901
  23. tuanphan
    What is your site url? We can check this easier
  24. tuanphan
    What is your site url? We can check this code easier
  25. tuanphan
    When you have url you can share, we can check problem easier
×
×
  • 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