Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,963

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    #1. I think we can use CSS code to move menu to this + reduce dropdown text size. What do you think? #2. I see you solved logo problem?
  2. tuanphan
    Which page are you referring to? We can check easier https://www.resilientfutures.us/
  3. tuanphan
    Hide it from Blog List Page or hide it from blog list page + google result + when user access direct url?
  4. tuanphan
    Can you share link to this page? And add a background color behind text?
  5. tuanphan
    If you share link to page where you have problem, we can check easier
  6. tuanphan
    I see you solved with this CSS code .pdp-layout .pdp-details .pdp-details-title { font-family: 'KnockoutCruiserweight'; font-size: 29px !important; font-style: normal !important; }
  7. tuanphan
    The example site is Squarespace. This section, they used Image Block (left) and Text Block + Spacer Block (Right) With gallery, they used a custom gallery widget into Code Block. I can't determine which widget they used
  8. tuanphan
    I tried doing a quick demo, you can check https://tuanphan-demo01.squarespace.com/cbutton-show-section?noredirect pass: abc
  9. tuanphan
    I see 3 videos, you want to make them fullwidth or? https://www.besttorahstories.com/torah-scribe
  10. tuanphan
    I see you solved?
  11. tuanphan
    You can use this CSS code [data-section-id="660f3e4a407c38034e075266"] { .user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area { background-image: none !important; } button:nth-child(2) .user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area:after { content: "\e009"; font-family: 'squarespace-ui-font'; display: block; transform: rotate(-90deg); font-size: 40px; } button:nth-child(1) .user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area:after { content: "\e009"; font-family: 'squarespace-ui-font'; display: block; transform: rotate(90deg); font-size: 40px; }}
  12. tuanphan
    Add this code to bottom of Code Injection > Footer <script> $(function(){ var visibleTop = 800; $(window).scroll(function() { var scroll = getCurrentScroll(); if ( scroll >= visibleTop ) { $('header#header').addClass('test-something'); } else { $('header#header').removeClass('test-something'); } }); function getCurrentScroll() { return window.pageYOffset || document.documentElement.scrollTop; } }); </script> <style> .test-something .burger-inner>div { background-color: #746837 !important; } </style>
  13. tuanphan
    Can you share link to this page? We can check easier
  14. tuanphan
    You can adjust top and right value to what you want. If it still problem, you can let me know what problem, I can check again easier
  15. tuanphan
    I tried clicking it and it already scroll here. You try clicking it and see.
  16. tuanphan
    You can use this CSS code body.header--menu-open .header-title-logo { filter: blur(3px); }
  17. tuanphan
    Background Image for Main Content only or main content + header + footer?
  18. tuanphan
    Your screenshot is on mobile? The desktop show white color. I think mobile device control style and we can't control it. But you can try this code to Website > Website Tools > Custom CSS, maybe it work .product-details .variant-option select { background-color: #f1f !important; }
  19. tuanphan
    Can you share link to page where you use this video? We can check easier
  20. tuanphan
    Can you share link to this page? We can check problem easier
  21. tuanphan
    This code for /men-bioidentical-hormone-rep-therapy page Use this code to Custom CSS box div#block-88d39a948f3aefa15588 { img, .sqs-image-content { opacity: 1 !important; }} Repeat similar for other images, use this code to find image block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  22. tuanphan
    You can use this CSS code footer.sections .newsletter-form input { max-width: 70px; } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-field-wrapper { min-width: unset !important; }
  23. tuanphan
    We can use CSS code to translate text, but with form error message, you try this code first, if it works, I will give CSS code to change form field labels, captions.. https://www.silvabokis.com/squarespace-tips/dynamic-translation-of-squarespace-form-error-messages
  24. tuanphan
    There is no CSS to do this, you can edit each gallery > Enable this option to enable lightbox
  25. tuanphan
    Can you share link to this product + which code did you use?
×
×
  • 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