Jump to content

tuanphan

Circle Member
  • Posts

    64,870
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. I don't see Member Spotlight. Can you take a screenshot?
  2. Add to Design > Custom CSS nav.nested-category-breadcrumb { display: none !important; }
  3. Try adding to Design > Custom CSS iframe[src*="youtube"] { width: 100% !important; }
  4. Move this code to top of CSS box #collection-54ee7596e4b0702493cc8b9c { .Main { background-color:#fff !important; } h1, h2, h3, h4, p { color:#000; } }
  5. You are using Logo Image. Change Logo image to Site Title text then add above code Home > Design > Custom CSS
  6. Hi, Use this new code // Mobile Heading Sizes // @media only screen and (max-width:767px) { body:not([class*="type-blog"]) { h1 { font-size: 59px !important; } h2 { font-size: 43px !important; } h3 { font-size: 25px !important; } h4 { font-size: 8px !important; } }}
  7. Hi, Add to Design > Custom CSS .fe-63b43504833db81a0f22bd3f .image-block:hover * { color: #f1f; }
  8. Time zone/Month uses this CSS select#verify-timezone { background-color: black; color: #EBE8E1; } select#chooseMonthSched { background-color: black; color: #EBE8E1; }
  9. Add to Design > Custom CSS a.project[href="/jently/"]:after { content: "Jently"; } a.project[href="/barnes-and-noble/"]:after { content: "Barnes and Noble"; } a.project[href="/merrell-hiking-boots/"]:after { content: "Merrell"; } a.project[href="/mr-goodbar/"]:after { content: "Mr Goodbar"; }
  10. Have you added this CSS & JS yet? Also, current Codepen code use Babel, have you converted it to standard JavaScript yet?
  11. Add this before your code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  12. If you share link to page where you added gallery, we can give code to do this
  13. Hi, You can edit Additional Info > Add an Accordion Block to achieve this
  14. Add to Design > Custom CSS /* Burger -logo - cart */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* customize menu */ nav.header-menu-nav-list { width: 50%; } .header-menu-bg.theme-bg--primary { width: 50%; } .header-menu-nav-folder[data-folder="root"] { overflow: hidden; } body:not(.header--menu-open) .header-menu { left: -200%; transition: all 0.3s; } .header--menu-open .header-menu { left: 0; transition: all 0.3s; } }
  15. Use this CSS a.grid-item[href="/work/feature-film-meisies-wat-fluit"]:hover img { content: url(https://cdn.pixabay.com/photo/2020/12/23/21/21/macarons-5856039_1280.jpg); } a.grid-item[href="/work/nissan-magnite"]:hover img { content: url(https://cdn.pixabay.com/photo/2023/01/10/00/17/italy-7708552_1280.jpg); }
  16. Which page are you referring to? I don't see this block on homepage
×
×
  • 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.