Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Add it to Accordion Title, or Accordion Content?
  2. Use this CSS code div.header-nav-item [href="/people"]:hover { background-color: #00fe93; color: #000; }
  3. You mean show all 21 items on the page?
  4. For example Skin Boosters When users click it, you want to scroll down to Skin Boosters section on Homepage or Which Page? and How did you add Anchor links? (You can describe all steps what you did)
  5. First, you need to find Simple List Section ID, use this tool: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff In my example, it is Suppose you want to target Item 2, it should be section[data-section-id="66058810a2d50f0d71e77dcf"] li:nth-child(2)
  6. In case you still can't solve this, you can keep your current code then use this CSS code under @media screen and (max-width: 767px) { .fe-660135df97084b29e8e466ad { grid-template-rows: repeat(14, minmax(24px, auto)) !important; } .fe-block-5383ca0efba4fcad47db { grid-area: ~"2 / 2 / 4 / 10" !important; } .fe-block-2351c206f7400897890f { grid-area: ~"4 / 2 / 11 / 10" !important; } .fe-block-c0de7060de495da66e53 { grid-area: ~"11 / 2 / 13 / 6" !important; } }
  7. Can you share link to this page? We can check easier
  8. You can use this code to Website > Website Tools > Custom CSS div#block-yui_3_17_2_1_1711457472893_10880 li:nth-child(1) { display: none; }
  9. Use this code, if it doesn't work, you can share link to blog page, I can check easier /* Blig List - Hover Effect */ .blog-basic-grid--text { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); opacity: 1; transition: all 0.3s; } article.blog-basic-grid--container.entry.blog-item.is-loaded { position: relative !important; transform: unset !important; } .blog-basic-grid article:hover .blog-basic-grid--text { opacity: 0; transition: all 0.3s; } .blog-basic-grid .image-wrapper:after { content: ""; background-color: rgba(255,255,255,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all 0.3s; } .blog-basic-grid article:hover .image-wrapper:after { opacity: 0; transition: all 0.3s; } .blog-basic-grid .image-wrapper { position: relative; } I don't see Summary on Homepage. Which page are you referring to?
  10. /config is url in edit mode, you can follow this guide to find page url https://summaryblock.com/find-page-url/
  11. #1. Underline I see you figured it out? Arrow Use this code to Custom CSS box span.chevron.chevron--left, span.chevron.chevron--right { border-width: 3px; } #2. You mean hover this >> Show a dropdown beside? #3. I see you figured it out?
  12. You can use this code to Website > Website Tools > Custom CSS [data-section-id="6601d74953c05876febd36da"] { /* Mobile */ @media screen and (max-width:991px) { video { opacity: 0; } img { opacity: 1 !important; } } /* desktop */ @media screen and (min-width:992px) { img { opacity: 0 !important; } }}
  13. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="65f3214000ba3f226fcc3d24"] ul { min-height: unset !important; } }
  14. This is possible, you can share link to page where you use slideshow on your site, we can check easier
  15. What is your site url? We can check easier But you should check your logo file, to see if it has any big space inside it
  16. #2. In my opinion, Google AI (as well as other search engines) are smart enough to understand what your image contains, so whether there is ALT or not, they know what the image is. .
  17. Can you share link to this page? We can check easier
  18. #1. You try change background-size: cover; to background-size: contain; #2. Can you take a screenshot of problem?
×
×
  • 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.