Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,681

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You mean text under logo? Use this CSS code .header-nav:before { color: #253551 !important; }
  2. tuanphan
    You can use this to Website > Website Tools > Custom CSS header#header.shrink span.header-nav-folder-item-content { color: white !important; }
  3. tuanphan
    This is your header container width to prevent this, you need to reduce its width .header-title-nav-wrapper { flex: 1 0 30% !important; } .header-layout-nav-center .header-actions { width: 63% !important; }
  4. tuanphan
    See this answer
  5. tuanphan
    You mean bold these?
  6. tuanphan
    Can you share link to your site? We can test your code easier
  7. tuanphan
    It is custom font or Squarespace font? If custom font, you need to add a code like this @font-face { font-family: Botanica; src: url(upload Botanica font to your site and paste font file url here); }
  8. tuanphan
    You can adjust these number You mean remove this gray space on mobile?
  9. tuanphan
    Use some CSS code like this #block-yui_3_17_2_1_1708340345163_4777 iframe { height: 1500px !important; }
  10. tuanphan
    Can you share link to page where you use image? I can check this case easier
  11. tuanphan
    Can you share link to page where you use masonry?
  12. tuanphan
    Use this code h1 a:hover { font-style: italic; } h1 a:hover span { color: #4ACA54 !important; }
  13. tuanphan
    You can use this code to Custom CSS box .item-pagination[data-collection-type^="blog"] { display: none !important; }
  14. tuanphan
    What is your site url?
  15. tuanphan
    Change to this new code @media screen and (max-width:900px) { nav#mobileMenuLink ul>li>a:after { content: "\e030"; font-family: 'squarespace-ui-font'; font-size: 30px; display: block !important; } div#mobileNav, .main-nav { overflow: visible !important; } nav#mobileMenuLink ul>li>a { position: relative; font-size: 0 !important; top: 100px; } }
  16. tuanphan
    You can share link to site where you have problem, we can check easier
  17. tuanphan
    Maybe you added to wrong position. Can you send all current CSS code?
  18. tuanphan
    If you share link to page where you have problem, we can check easier
  19. tuanphan
    If you want to apply to other pages, no need to find collection id, just edit that page > Add a Code Block on bottom of site > paste this code <style> @media screen and (max-width:640px) { section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } } </style> If apply to that page only, use this new code to Custom CSS @media screen and (max-width:640px) { body#collection-648fd387518f87218ded629c { section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } section.Intro.Intro--has-image h1 { font-size: 20px !important; position: relative; top: -50px; } section.Intro.Intro--has-image { min-height: unset !important; height: 200px !important; }}} If apply to other pages, use this code to Code Block <style> @media screen and (max-width:640px) { section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } section.Intro.Intro--has-image h1 { font-size: 20px !important; position: relative; top: -50px; } section.Intro.Intro--has-image { min-height: unset !important; height: 200px !important; }} </style>
  20. tuanphan
    You can reduce Its size to prevent overlap, follow these steps First, access Site Styles and click Fonts Choose Assign Styles Scroll down to Portfolio Item Click Heading 2 Choose Custom and reduce the size
  21. tuanphan
    I think it looks fine now
  22. tuanphan
    Use this CSS code then save & reload the page @media screen and (max-width:767px) { .gallery-reel { height: 15vh !important; } }
  23. tuanphan
    You can use this CSS code /* testimonials */ .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] { max-width: 900px; margin: 0 auto; } .user-items-list-item-container[data-section-id="65ba803898976a5cd3a78590"] li { border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
  24. tuanphan
    Use this code div.title span { font-weight: bold !important; }
  25. tuanphan
    The site is private. You can follow this guide to setup an access password, we can access site easier
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources