Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,872

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Can you share link to page where you use image? I can check this case easier
  2. tuanphan
    Can you share link to page where you use masonry?
  3. tuanphan
    Use this code h1 a:hover { font-style: italic; } h1 a:hover span { color: #4ACA54 !important; }
  4. tuanphan
    You can use this code to Custom CSS box .item-pagination[data-collection-type^="blog"] { display: none !important; }
  5. tuanphan
    What is your site url?
  6. 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; } }
  7. tuanphan
    You can share link to site where you have problem, we can check easier
  8. tuanphan
    Maybe you added to wrong position. Can you send all current CSS code?
  9. tuanphan
    If you share link to page where you have problem, we can check easier
  10. 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>
  11. 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
  12. tuanphan
    I think it looks fine now
  13. tuanphan
    Use this CSS code then save & reload the page @media screen and (max-width:767px) { .gallery-reel { height: 15vh !important; } }
  14. 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; }
  15. tuanphan
    Use this code div.title span { font-weight: bold !important; }
  16. tuanphan
    The site is private. You can follow this guide to setup an access password, we can access site easier
  17. tuanphan
    Hi, Which page are you referring to?
  18. tuanphan
    Use this code to Website > Website Tools > Custom CSS /* Mobile extra space */ @media screen and (max-width:767px) { .fe-65c13c59fca4ce46d9891822 { grid-template-rows: repeat(55,minmax(24px, auto)) !important; } }
  19. tuanphan
    Use Block ID doesn't work because this class name = ID If you use a block id wrap around all code, the code will be invalid so it doesn't work
  20. tuanphan
    It is Page ID, but you can replicate it with data section id, use this free tool to find it https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff Can you share link to page? Can you share link to a page?
  21. tuanphan
    Have you figured it out?
  22. tuanphan
    It is simple code, but Each button: Button Block, List Section Button, List Section Item Buttons, Donation Button, Form Block Submit Button, Form Block Lightbox Button, Form Lightbox Submit Button, Newsletter Block Button, Add to Cart button, Checkout Button, Continue Shopping Button, Quick View button, Header Button, Header Mobile Button have a different structure so need a different ID. You need to share link to all pages where you use button, we can check all code easier)
  23. tuanphan
    Use this CSS code div#block-yui_3_17_2_1_1705886287148_31479 a { font-family: 'Varela' !important; }
  24. tuanphan
    Can you share link to site? We can check problem easier
  25. tuanphan
    I see both looks same. Can you describe in more detail?
×
×
  • 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