Jump to content

tuanphan

Circle Member
  • Posts

    65,013
  • Joined

  • Last visited

  • Days Won

    518

Everything posted by tuanphan

  1. Use this new code <style> header#header img { content: url(https://static1.squarespace.com/static/619e77369696e6457e9209eb/t/6419f238c47b3325e502a05f/1679422008311/Website_Logo_v01center130px_WHITE.png); } </style>
  2. Hi, make the hover use an icon > What do you mean? Can you share link to your site?
  3. Your font-face code missing some characters. Use this new code @font-face { font-family: minervamodern; src: url(https://static1.squarespace.com/static/63d3d0c937b09408f17db985/t/64245808a621432b903366ea/1680103433057/MINERVAMODERNRegular.otf); } .header--menu-open .header-menu-nav-folder-content a { font-family: minervamodern; font-size: 30px; }
  4. Add this to Design > Custom CSS body { background-color: black; }
  5. Above code for 7.1. If it doesn't work, please share link to your site
  6. Add to Design > Custom CSS /* Sticky Section Homepage */ @media screen and (min-width:768px) { body.homepage #page>article>section:first-child { width: 50% !important; float: left; position: sticky; position: -webkit-sticky; top: 0; height: 100vh; z-index: 999999999 !important; } body.homepage #page>article>section:not(:first-child) { margin-left: 50%; } footer.sections { z-index: 99999999999999999999999999999 !important; } }
  7. You can setup password & share url, we can help easier
  8. Change to this code //--- SCALE PORTFOLIO TEXT ---// h3.portfolio-title { transition: all 1s cubic-bezier(0,.2,0,1); } a.grid-item:hover .portfolio-title { transform: scale(1.05); }
  9. With Colored nav bar, add this to Design > Custom CSS /* Fullwidth Nav background */ .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 } .header-announcement-bar-wrapper { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0px !important; } .header-nav-item--divider { padding: .1rem 0; border-right: 1px solid #000 !important } .header-nav { width: 100% !important; background-color: #20417f; padding-top: 5px; padding-bottom: 5px; } div.header-nav-item>a { color: white !important; } With Phone/Search Do you use Personal or Business or Commerce Plan?
  10. Hi, Can you share link to shop page? We can check easier
  11. #1. I don't know this #2. Use this new code .sqs-audio-player { background-color: unset !important; box-shadow: unset !important; border: none !important; } .sqs-audio-player .controls { border: 1px solid black; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,.8); } It will apply all pages
  12. Hi, Can you share link to page where you use gallery? We can check easier
  13. If site is in trial/unpublished, you can follow this guide to know how to share url
  14. Add to Design > Custom CSS [data-section-id="6420b7fbbe18e65314005460"] { z-index: 9999999; }
  15. The url doesn't work. Can you check it again?
  16. use this @media screen and (max-width: 767px) { iframe#DaybreakId { width:100% !important; min-width: 350px !important; height: 1600px !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.