Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,013

  • Joined

  • Last visited

  • Days Won

    518

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Use this code .header-title-logo a:after { content: "Name Here"; text-transform: uppercase; display: block; color: #8c8c8c; font-size: 24px; position: absolute; top: 50%; left: 90px; transform: translateY(-50%); width: 100%; white-space: nowrap; } .header-title-logo a:before { content: "Graphic Designer"; font-size: 16px; position: absolute; left: 90px; top: calc(~"50% + 15px"); width: 100%; white-space: nowrap; } .header-title-logo a { position: relative; } @media screen and (max-width:767px) { .header-title-logo a:before { left: 70px; } .header-title-logo a:after { left: 70px; } }
  2. tuanphan
    Use this code @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1665709504528_279294 .slide { width: 100% !important; float: none !important; } #block-yui_3_17_2_1_1665709504528_279294 .sqs-gallery-block-grid .sqs-gallery-design-grid { display: grid; grid-template-columns: repeat(11,minmax(0,1fr)); } }
  3. tuanphan
    Suppose your site is prue.squarespace.com You can access this link: prue.squarespace.com/config/safe It will disable all code in Edit Mode, then you can find & delete Code Blocks
  4. tuanphan
    Can you share link to page where you use h2? Just want to check h2 style
  5. tuanphan
    Something like this? https://seabass-hexahedron-tcln.squarespace.com/the-bad-directory-base/category/BAD+Business+Member
  6. tuanphan
    Try this CSS code p,h1,h2,h3, body * { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important }
  7. tuanphan
    Add this code under /* code for mobile */ @media screen and (max-width:767px) { .gallery-caption-wrapper h2 { transform: translateY(-150%) !important; } }
  8. tuanphan
    I don't see form on homepage. Can you check it again?
  9. tuanphan
    It looks like you figured it out?
  10. tuanphan
    Can you share link to 2 blog posts?
  11. tuanphan
    Add this code under .BlogList-item-body .html-block { width: 70% !important; }
  12. tuanphan
    Add to Design > Custom CSS /* Continue shopping button */ a.cart-continue-button { color: white !important; }
  13. tuanphan
    Add this code to Design > Custom CSS /* Contact - UI UX Design */ body#collection-609b07dde06290237a7ecc4a, body#collection-609c253783d1f50d196b9ed3 { header#header nav div.header-nav-item a { color: white !important; } div.burger-inner>div { background-color: white !important; } }
  14. tuanphan
    Add to Design > Custom CSS div.header-nav-item a { background-image: none !important; } div.header-nav-item:nth-child(1)>a { border-bottom: 2px solid #000; } div.header-nav-item:nth-child(2)>a { border-bottom: 2px solid red; } div.header-nav-item:nth-child(3)>a { border-bottom: 2px solid #f1f; } div.header-nav-item:nth-child(4)>a { border-bottom: 2px solid brown; } div.header-nav-item:nth-child(5)>a { border-bottom: 2px solid #f7f8; }
  15. tuanphan
    Hi, Add to Design > Custom CSS /* Product 2 columns mobile */ @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 10px; } }
  16. tuanphan
    Can you share link to this page?
  17. tuanphan
    Move this?
  18. tuanphan
    You can consider using Gif image instead. With video we will need to adjust more I Haven't tried, but my ideal is Add some video blocks behind the text Hide all initial When the Hover each text will display the video corresponding to the video. (But the video will not automatically play) If you still need this, let me know, I will try testing code.
  19. tuanphan
    Try this new code <script> if (document.location.pathname.indexOf("/work-blog/category/Experience") == 0) { document.querySelector('body').classList.add('t-active1') } if (document.location.pathname.indexOf("/work-blog/category/Public+Work") == 0) { document.querySelector('body').classList.add('t-active2') } if (document.location.pathname.indexOf("/work-blog/category/Strategic+Change") == 0) { document.querySelector('body').classList.add('t-active3') } </script> <style> body.t-active1 a.archive-group-name-link[href="/work-blog/category/Experience"] { border-bottom: 1px solid black; padding-left: 3px; padding-right: 3px; white-space: nowrap; } body.t-active2 a.archive-group-name-link[href="/work-blog/category/Public+Work"] { border-bottom: 1px solid black; padding-left: 3px; padding-right: 3px; white-space: nowrap; } body.t-active3 a.archive-group-name-link[href="/work-blog/category/Strategic+Change"] { border-bottom: 1px solid black; padding-left: 3px; padding-right: 3px; white-space: nowrap; } </style>
  20. tuanphan
    What is your site url? We can check easier
  21. tuanphan
    Change input to input:not([type="button"])
  22. tuanphan
    Add to Design > Custom CSS /* Mobile 2 columns */ @media screen and (max-width:767px) { .index-list.clearfix { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; } .index-list.clearfix:before { display: none; } .index-list.clearfix>div { padding: 0 !important; } }
  23. tuanphan
    Suppose your site url is lemonstrike.squarespace.com You can access this link: lemonstrike.squarespace.com/config/safe It will disable all custom code in Edit Mode, then you can edit title without removing the code
  24. tuanphan
    Can you share link to WP site?
  25. tuanphan
    It looks like you have a syntax error on CSS box so some (or all) CSS didn't work. You try checking again If you can't find error, you can paste all code here, we can check 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