Jump to content

tuanphan

Circle Member
  • Posts

    68,938
  • Joined

  • Last visited

  • Days Won

    558

tuanphan last won the day on September 7

tuanphan had the most liked content!

Personal Information

Recent Profile Visitors

110,007 profile views
  1. You can use this to Website Tools > Custom CSS div.form-block select option { color: #000 !important; }
  2. You can try Universal Filter Plugin + Advanced Map Block Plugin Advanced Map Block can show Map like as your screenshot. Filter Plugin will create dropdown filters
  3. This is not CSS code, if you place it in Custom CSS box, you will see a syntax error
  4. You can use this CSS code @media screen and (max-width:767px) { h2.item-pagination-title { display: flex; align-items: center; } h2.item-pagination-title:before, h2.item-pagination-title:after { white-space: nowrap; } }
  5. Can you share link to a blog post? We can use script code to remove it
  6. You can use this to Website Tools > Custom CSS then save & reload the site @media screen and (max-width:767px) { body.homepage .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; } section#mamabou { height: 200px !important; } }
  7. Try this to Custom CSS box @media screen and (min-width:992px) { .header-display-mobile { display: block !important; position: absolute; right: 10vw; z-index: 99999999; max-width: 200px; } .header-dislay-mobile .header-actions.header-actions--right { display: none !important; } .header-display-desktop .header-actions.header-actions--right, .header-display-desktop div#multilingual-language-picker-desktop { display: flex !important; } .header-display-mobile .header-title-nav-wrapper, .header-display-mobile .header-burger { display: none; } }
  8. Hi, I see your screenshots, text "Welcome..." look same & fine.
  9. Can you share link to page where you use gallery? You can also try this code first to Website Tools > Custom CSS figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #f4f6ea; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }
  10. You can use this code to Website Tools > Code Injection > Footer @media screen and (max-width:767px) { .fe-66c40cc88117c94a41e01218 { grid-template-rows: repeat(100,minmax(24px, auto)) !important; } }
  11. You want to do this on a standard page or which page?
×
×
  • 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.