Jump to content

tuanphan

Circle Member
  • Posts

    64,820
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. If you don't want to use any custom code to achieve this, you can use Image, Text Block to add team member, then use Accordion under to achieve collapsible feature.
  2. Hi, If you share link to this page, we can check problem easier
  3. You can use this code to Website > Website Tools > Custom CSS div.header-menu-bg.theme-bg--primary { background-color: #f1f !important; }
  4. Hi, In homepage, you have 2 Newsletters Top is Newsletter inside Homepage Content (this Newsletter will appear on One Page only) Bottom is Newsletter inside Footer (this Newsletter will appears on All Page)
  5. I see you used this CSS code to set new image on mobile but you need to add extra code to hide current image, you can use this code under @media screen and (max-width:1024px) { #block-yui_3_17_2_1_1615233998267_28270 img { opacity: 0; } } you will have
  6. Try this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .wrapper { position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; display: flex; justify-content: center; align-items: center; flex-direction: column; } .wrapper>* { margin-bottom: 50px; margin-top: 50px; } }
  7. In Main Navigation > Click Plus icon > Choose Link Next, access your Shop Page > Right click on Category: Shirts > Copy Link Address Next, add your name & url
  8. Hi, Click Our Staff will open a new page or open a popup or open an embed form or? If open new page You can add a text and hyperlink it, then I can give you to turn text to button style, so overlap problem won't appear. If you like this idea, I can give you a quick guide, so you can do it and test
  9. Ah, I misread your question. But you can use the approach you mentioned above I thought of adding an empty product, it is still clickable and a 0.00$ price is displayed. then I can give you code to remove price + remove clickable behavior for these empty products
  10. Hi, Can you share link to page where you added table, we can check easier
  11. Hi, You can share link to page where you use gallery, we can give code to make it to grid on mobile.
  12. Try this code to Custom CSS box .fe-block-15c8120fcf21be14e6aa * { background-color: transparent !important; }
  13. You can add & keep code, I can check problem easier. Currently I don't see any text in lightbox and outside lightbox
  14. #1. First, you choose the Mobile icon and click EDIT #2. Next, you click EDIT SITE HEADER #3. Next, you click on the burger icon #4. Next, you click on the pen edit icon #5. Next, you choose the 3 lines/or 2 lines icon and click Save on the left of the screen
  15. You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { .pdp-layout-full-width-carousel .pdp-gallery-slides[data-landscape] { width: 33.333% !important; } } If you want code effect above product only > You can edit that product > Additional Info > Add a Block > Choose Code > Paste this code <style> @media screen and (min-width:768px) { .pdp-layout-full-width-carousel .pdp-gallery-slides[data-landscape] { width: 33.333% !important; } } </style>
  16. Hi, You can share link to page where you use banner slideshow, we can check easier
  17. If you don't want to use Portfolio Page, you can follow this guide, you can achieve similar effect.
  18. Use this code [class*="list-section"] * { font-family: monospace !important; } Replace monospace with your font If it doesn't work, you can share link to page where you use list section, we can check easier
  19. You can provide site url + line image + line url
  20. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { h2.item-pagination-title { font-size: 15px !important; }}
  21. You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { .gallery-section .gallery-caption h3+p { min-height: 55px; } } I see button lost top border, do you need to fix this?
  22. You can use this code to Website > Website Tools > Custom CSS then save & reload the page @media screen and (max-width:767px) { [data-section-id="65e9490abe62d95cb37c9634"] .gallery-grid-wrapper { grid-template-columns: repeat(2,1fr) !important; } }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.