Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,922

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi, Can you share link to this page?
  2. tuanphan
    Like this example? (under banner) https://www.gtmenabler.com/
  3. tuanphan
    It is fine to me..
  4. tuanphan
    Which block are you referring to? I think we can use some JS code to achieve this. However if you need to make this work on Scroll, it will be more complex
  5. tuanphan
    I think you solved? or which page do you have problems with? It looks fine on homepage
  6. tuanphan
    Hi, What is site url?
  7. tuanphan
    If you want to make code run on mobile + tablet only, use this new code @media only screen and (max-width:1024px) { #grid { columns: 3; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .item { height: auto!important; } .item { position: relative!important; transform: none!important; width: 100%!important; display: block !important; padding: 0px!important; box-sizing: border-box; top: unset !important; } .item img { height: 100%!important; width: 100%!important; } }
  8. tuanphan
    Can you share link to site? We can adjust easier
  9. tuanphan
    Try this body#collection-65617b37d80eb03260094d87 * { transition-delay: unset !important; transition: unset !important; }
  10. tuanphan
    You can add this to Website Tools (under Not Linked) > Custom CSS to change logo to black on About Page body#collection-64e303b6b168986f38d831fa:not(.header--menu-open) header#header img { filter: invert(1); }
  11. tuanphan
    #1. #3. Use this CSS code div.accordion-block p a { border: none !important; text-decoration: none !important; background-image: None !important; margin-top: 50px !important; display: inline-block !important; } #2. Use this CSS code div#block-yui_3_17_2_1_1703965115767_14755 div.accordion-item__description>p:last-child { text-align: center; }
  12. tuanphan
    Hi, Can you share link to a variant product? We can check easier
  13. tuanphan
    The site is private. You can follow this to know how to share url with password
  14. tuanphan
    Try this code to Website Tools (under Not Linked) > Custom CSS button.btn.btn-dark.button-element { box-shadow: -2px 2px 2px rgba(0,0,0,.4) !important; color: #fff !important; } button.btn.btn-dark.button-element p { color: #fff !important; letter-spacing: -2px !important; font-size: 30px !important; font-weight: 600 !important; text-transform: uppercase !important; } button.btn.btn-dark.button-element:hover:after{ animation: flash 1s forwards; } @keyframes flash { 100% { transform: rotatez(110deg) translate(10em,-200em); }}
  15. tuanphan
    Add this CSS code .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button { border-radius: 0 !important; }
  16. tuanphan
    You mean remove button after clicking submit or remove text "Submitting"?
  17. tuanphan
    Yes. Possible with some code. If you share link to page where you use both arrows style, we can check & give you code
  18. tuanphan
    This substack form causes problem You can add this code to Website Tools (under Not Linked) > Custom CSS to fix problem @media screen and (max-width:767px) { iframe[src*="substack"] { width: 100% !important; } }
  19. tuanphan
    #1. You want to move up text or move down under image? #2. It is not possible, I guess so. See screenshot, The image code is the blue part, but the real image is not equal to the image code. When aligning text, you can only align it according to the blue part, you cannot align it according to the image, each image has a different size, the text will be skewed.
  20. tuanphan
    It is fine now?
  21. tuanphan
    I see you figured it out? It already show 1 column on mobile view
  22. tuanphan
    Can you share link to page where you use video? We can target video block id to make code affect to this
  23. tuanphan
    Try adding this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }
  24. tuanphan
    See this page for detail, how to adjust layout on desktop - mobile https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine#toc-mobile-layout
  25. tuanphan
    You can try this plugin (free). It work with Portfolio page, Blog Page, Product, Event Page When you use this, to able to edit item on edit mode, you can access this link /config/safe Suppose your site is: bbradfo.squarespace - access this link: bbradfo.squarespace/config/safe
×
×
  • 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