Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,922

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Don't remove any code in your current code. Use this code to Custom CSS box /* Sold on list page */ div.grid-item.sold-out .grid-prices { display: none; } .grid-meta-status { position: relative; } .grid-meta-status .sold-out { left: 0 !important; transform: unset !important; right: unset !important; position: static !important; } section.grid-meta-wrapper { flex-direction: column; }
  2. tuanphan
    A member contacted me today, they have same problem, I think it is a bug, you should contact SS customer Care.
  3. tuanphan
    Currently I don't see any blocks can integrate with Youtube Video, you try using a 3rd party tool to do this. For example this widget tool (referral link), it has a free version. You can create a lot of layout with it
  4. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:991px) { .header-menu-nav-folder[data-folder="root"] { } .header-menu-actions.language-picker.language-picker-mobile { order: 1 !important; } .user-accounts-link.header-menu-nav-item { order: 2 !important; margin-bottom: 0px !important; } .header-menu-nav-wrapper { order: 3 !important; } .header-menu-actions.social-accounts { order: 4 !important; } .header-menu-nav-folder-content { order: 2; } .user-accounts-link.header-menu-nav-item>a { margin-bottom: 0px !important; } }
  5. tuanphan
    Currently I see you haven't added Folder to Services yet. You can add it, then we can test code easier
  6. tuanphan
    You can use this new code /* Event list to grid */ @media screen and (min-width:768px) { div.eventlist { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px 10px; } div.eventlist article { margin: 0 !important; width: 100% !important; flex-direction: column; } div.eventlist article>* { width: 100% !important; } .eventlist-column-thumbnail { padding: unset !important; height: auto !important; } .eventlist-column-thumbnail img { position: static !important; } .eventlist-column-info { padding-left: 0px !important; } }
  7. tuanphan
    You can use this code to Custom CSS box. body#collection-662706eb09ae990a9dd9f175 .banner-thumbnail-wrapper { padding-top: 140px !important; padding-bottom: 222px !important; } Adjust padding will increase banner height
  8. tuanphan
    Can you share link to page? We can check easier
  9. tuanphan
    You can edit Section > Choose Colors > Then choose or color theme. Or if you share link to page, we can use CSS code to change color of specific section.
  10. tuanphan
    Can you share link to this page? We can check easier
  11. tuanphan
    I see you marked as solved. Do you still need help?
  12. tuanphan
    You can use this code to Website > Website Tools > Custom CSS body#collection-661ea104077f1a0d6374d932 { & {overflow: hidden;} main#page { padding: 0px !important; max-width: 100% !important; width: 100% !important; } .html-block { display: none; } .video-block { padding: 0px !important; } footer#footer, #preFooter { display: none !important; } }
  13. tuanphan
    I did a quick demo, you can check https://tuanphan3.squarespace.com/video-sticky-1?noredirect pass: abc
  14. tuanphan
    You can use this code to Website > Website > Custom CSS /* nav border */ .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex: 100% !important; flex-direction: column; width: 100% !important } .header-display-desktop { flex-direction: column } .tweak-fixed-header .header .header-announcement-bar-wrapper { padding-left: 0; padding-right: 0 } .header-nav { width: 103.2%; border-top: 1px solid #fff; padding-top: 0px; padding-left: .7vw !important; border-bottom: 1px solid #fff !important } .header-nav-item--divider { padding: .1rem 0; border-right: 1px solid #fff !important } .header-nav-item:not(:first-child) { border-left: 1px solid #fff; } div.header-nav-item { padding-left: 1.5vw !important; padding-right: 1.5vw !important; }
  15. tuanphan
    First, you add a Text Block with plus symbol (use heading 3 or Monospace) Next, add some text under it Next, share link to page where you added it, I will give you some JS code to achieve this.
  16. tuanphan
    To hide it on Portfolio Sub Pages, you can use this code to WEBSITE > Website Tools > CUSTOM CSS body.view-item .splash-wrapper { display: none !important; visibility: hidden !important; z-index: -1 !important; }
  17. tuanphan
    You can setup password & share url, we can check easier If you are using Gallery Grid (Gallery Section), use this code to Website > Website Tools > Custom CSS to adjust size, color.. p.gallery-caption-content { font-size: 18px !important; color: #f1f; font-family: monospace !important; letter-spacing: 1px !important; } if you are using Gallery Grid (Gallery Block), use this CSS code to prevent text cut off div.image-slide-title { white-space: initial !important; overflow: visible !important; text-overflow: initial !important; } to adjust size, color,... use this CSS code div.image-slide-title { color: #f1f; font-size: 20px !important; line-height: 20px; }
  18. tuanphan
    Can you share link to page where you use form? We can check easier
  19. tuanphan
    No. I meant you edit Homepage (access your edit mode > click Homepage > You will see an Edit button, click it to edit Homepage) > Edit First Section > You will see a Code Block Send all code in Code Block, we can check easier
  20. tuanphan
    Can you share link to page where you use Grid simple? I think we can use code to achieve this
  21. tuanphan
    You mean (1) Remove arrow + (2) Add a "Click here to..." text under Post Title on Blog Post Detail? https://www.theartistlives.org/draft-blog/the-death-of-a-writer ?
  22. tuanphan
    Hi, Can you share link to page in screenshot? We can check problem easier
  23. tuanphan
    You need "and" text it should be (if your id is correct) @media only screen and (min-width: 767px) and (max-width:1400px){ #block-93e05d87c6318fa8622d h2 { font-size:10px!important; letter-spacing:1px!important; } }
  24. tuanphan
    Need 2 }} symbols here, not 1
  25. tuanphan
    You can use this code to Website > Website Tools > Custom CSS /* Show Portfolio without scroll */ @media screen and (max-width:767px) { div#gridThumbs { opacity: 1 !important; transform: unset !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