Jump to content

tuanphan

Circle Member
  • Posts

    64,963
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. You mean black background with white icon? Add to Design > Custom CSS /* Header icons */ header#header a.icon { background-color: black; border-radius: 50%; width: 42px; height: 42px; } header#header a.icon svg { fill: white; width: 20px; line-height: 42px; left: 50%; position: relative; top: 50%; transform: translate(-50%,-50%); }
  2. Edit Landing Page >> Add a Code Block at bottom of page >> Paste this code <style> header.Header.Header--top { display: none !important; } </style>
  3. Try adding this to Design > Custom CSS .header-nav-list { flex-wrap: nowrap !important; } If it doesn't work, can you share link to your site? We can check easier
  4. Don't remove any code in your current code. Add this to Design > Custom CSS /* Mobile header */ @media screen and (max-width:991px) { .header-title-text { display: block !important; text-align: center; } a#site-title:after { font-size: 24px; } .header-mobile-logo { display: none !important; } }
  5. First, remove this code from Landing Page Header <style> #header, header { display: none!important;} </style> Next, use this new code <style> /* hide nav */ .header-nav-list { display: none; } /* hide buttons */ .header-actions { display: none; } /* hide burger */ .burger-box { display: none; } /* hide footer */ footer.sections { display: none; } </style>
  6. Not sure the cause. You can add it to Design > Custom CSS to fix section#what-we-study { background-color: #204e41; }
  7. Home is Summary Block Blog is Blog Page Both use a different masonry layout, if you want to same, you need to use Summary Block on Blog Page
  8. You can use same template. Can you share link to your site? If you use another template, you will need to use custom code
  9. Can you share link to page where you added the code? We can check easier
  10. Can you share link to page in screenshot? We can take a look
  11. Can you share link to page where you have problem? We can check easier
  12. Yes. Same it. Can you keep text link? Now I don't see link here. Or if you use a Business Plan or higher, we can use script code to add click event on these images. What do you think?
  13. You want nav one row on 2348+ px? Add this to Design > Custom CSS @media screen and (min-width:2348px) { .header-nav-list { flex-wrap: nowrap; } }
  14. We can't target second line. However we can change both first + second line. Then use another code to change first line, thus, both will have different style. Add to Design > Custom CSS /* Second Line + First Line */ h1.ProductItem-details-title { font-family: proxima-nova !important; font-weight: 300 !important; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.8em !important; } /* first line */ h1.ProductItem-details-title:first-line { font-family: Philosopher; font-weight: 700; font-style: normal; letter-spacing: .09em; text-transform: none; line-height: .9em; }
  15. Use this code <style> header#header, footer.sections { display: none !important; } </style>
  16. Hi, Try removing some items from Navigation. I think too many items in navigation caused this.
  17. Add to Design > Custom CSS [data-section-id="61c1f4baa5fae80876c6ebc4"] span.accordion-item__title { font-weight: bold; }
  18. Add to Design > Custom CSS header#header, article section:first-child { max-width: 1280px; margin-left: auto; margin-right: auto; }
  19. Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-614f22cae3f2952900a5c5b4 .span-3 { width: 50% !important; float: left !important; } div#page-section-614f22cae3f2952900a5c5b4 .span-3:nth-child(2n+1) { clear: left; } }
  20. Can you keep the code in Custom CSS & share link to page where you have problem?
  21. If you need text over image, or text under image on mobile, we can check & give the code (Need a Business Plan or higher) With screenshot layout, I'm not sure this is possible
×
×
  • 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.