Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Posts

    31,834
  • Joined

  • Last visited

  • Days Won

    326

Community Answers

  1. tuanphan's post in Horizontally aligning content in a code block was marked as the answer   
    Use this code
    /* clock icon-text */ div#block-yui_3_17_2_1_1631769160549_9797>div { display: flex; align-items: center; }  
  2. tuanphan's post in Social link location in main navigation was marked as the answer   
    Add to Design > Custom CSS
     
  3. tuanphan's post in How to convert homepage summary block (carousel) to stacked in mobile view? was marked as the answer   
    Hi,
    Don't remove any code in your current code.
    Add this to Design > Custom CSS
    /* Stacked homepage summary */ @media screen and (max-width:767px) { body.homepage .summary-item { width: 100% !important; } body.homepage .summary-carousel-pager.sqs-gallery-controls { display: none; } }  
  4. tuanphan's post in Move and resize " size " and " Add to card " Box on Mobile + Laptop was marked as the answer   
    Hi,
    #1. Reduce boxes height & Make them same line?
    #2. It is Accordion. You can use some tools to achieve this
    Free tool 1 Accordions Plugin (paid plugin) Free guide It will add accordion to Additional Info. If you want to move it under description, add it first, then we will give the code to move it under Description
  5. tuanphan's post in Targeting last-child in Gallery was marked as the answer   
    Use this CSS
    @media screen and (max-width:767px) { [data-section-id="61297e8589e75c71b3b55287"] figure:nth-child(n+5) { display: none; } }  
  6. tuanphan's post in Removing some pages from Sidebar Folder Navigation was marked as the answer   
    If you can add a Code Block on that page >> Paste this code
    <style> .folder-nav li:nth-child(-n+6):not(:first-child) { display: none; } </style>  
  7. tuanphan's post in distorted product photos was marked as the answer   
    Add to Design > Custom CSS
    /* Fix distorted product images */ img.ProductList-image.ProductList-image--primary.loaded { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; }  
  8. tuanphan's post in Facebook messenger button was marked as the answer   
    Have you solved this yet? Try this free tool to add FB chat. 
    If it still doesn't work, let me know. We will try testing it again on demo site.
  9. tuanphan's post in Changed background color, How do I remove this white outline from my page? was marked as the answer   
    Hi,
    What is site url?
  10. tuanphan's post in AUTO Headline Section Position Head-Scratcher was marked as the answer   
    Hi,
    Add to Design > Custom CSS
    /* Home transparent header */ [data-section-id="6120b811fca2354fa4c20f8f"] { padding-top: 0 !important; }  
  11. tuanphan's post in Edit Mobile Menu On One Page was marked as the answer   
    Try this new code
    <style> body#collection-6123b8f8bbb2e918cf9c6617.header--menu-open a#site-title { color: white !important; } </style>  
  12. tuanphan's post in Logo off centre was marked as the answer   
    Hi,
    Your site is private. Can you setup password & share url? We can check easier
  13. tuanphan's post in CSS:Hover not working was marked as the answer   
    Use this code
    [data-section-id="611eecf680daaa03e8f89f8a"] img{ filter: grayscale(100%); } [data-section-id="611eecf680daaa03e8f89f8a"] .image-block:hover img { filter: grayscale(0); }  
  14. tuanphan's post in custom font appears incorrectly on mobile was marked as the answer   
    Hi,
    Your font code is invalid.
    First, Remove all & use this new code
    @font-face { font-family: 'balgin'; src: url(https://static1.squarespace.com/static/60ea828ae4c85e33c4b2d76d/t/60f50f122117d935efba777a/1626672914651/balgin.ttf); } h1, h2, h3, h4, h5, h6, p, .header-title-text { font-family: 'balgin' !important; } .header-nav *,nav.header-menu-nav-list * { font-family: 'balgin' } Next, please click & check the font file url. It doesn't exist.
    https://static1.squarespace.com/static/60ea828ae4c85e33c4b2d76d/t/60f50f122117d935efba777a/1626672914651/balgin.ttf
  15. tuanphan's post in Image logo over not change header height was marked as the answer   
    Try adding to Design > Custom CSS
    .header-title-logo img { max-height: 200px; } .header-title-nav-wrapper { align-items: flex-start; }  
  16. tuanphan's post in How to move Blog Post Title below first image or gallery block? was marked as the answer   
    First, remove above code
    Next, access this link & download code & save with name: move-blog-title.js
    Next, upload move-blog-title.js file to your site
    Then, add this to Code Injection Footer
    <script> document.addEventListener('DOMContentLoaded', function() { if ( window.location == window.parent.location ) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '/s/move-blog-title.js'; document.getElementsByTagName('head')[0].appendChild(script); } else { console.log('iframe'); } }); </script> <style> .blog-item-title { text-align: center; } </style>  
  17. tuanphan's post in Mobile Information Bar - hide icon and increase font size was marked as the answer   
    Add to Design > Custom CSS
    /* Mobile Info bar */ span.sqs-mobile-info-bar-trigger-icon { display: none; } span.sqs-mobile-info-bar-trigger-label { font-size: 30px; font-weight: bold; }  
  18. tuanphan's post in Edit the image cards was marked as the answer   
    Edit above code to this
    /* Site wide Image Cards*/ body:not(#collection-5a39480f4192023c7edb6666):not(#collection-5a70b6b28165f5a8201192d5) .design-layout-card { .image-title * { font-size: 28px !important; font-weight: 500 !important; } .image-subtitle * { font-size: 18px !important; } figcaption.image-card-wrapper { align-items: flex-start !important; } .image-card.sqs-dynamic-text-container { padding-top: 0px !important; } }  
  19. tuanphan's post in Move navigation links to right side in header was marked as the answer   
    Ah sorry, misread your question.
    Add this to Design > Custom CSS to move nav to right side
    /* Move Nav to right side of header */ @media screen and (min-width:992px) { .header-display-desktop { flex-direction: column; } .header-title-nav-wrapper { flex-direction: row-reverse; flex: 100% !important; width: 100%; } .header-nav { text-align: right; } .header-layout-branding-center .header-title { text-align: right; width: 67% !important; flex: 1 1 67% !important; } }  
  20. tuanphan's post in Text overflow in image block - can't add padding to right side was marked as the answer   
    Hi,
    You can use this CSS
    figcaption.image-card-wrapper { padding-right: 50px !important; }  
  21. tuanphan's post in Secoundary Navigation for Squarespace 7.1 was marked as the answer   
    Add to Design > Custom CSS
    .header-actions--right * { font-family: 'Allora' !important; }  
  22. tuanphan's post in How to remove vertical padding immediately under site header and mobile site header? was marked as the answer   
    Add to Design > Custom CSS
    /* Space under header */ .blog-item-wrapper article.entry { padding-top: 0px !important; } .blog-item-top-wrapper { display: none !important; }  
  23. tuanphan's post in How to move Blog Post Title below first image or gallery block? was marked as the answer   
    You can shorten the code
    <script> $(document).ready(function() { $('.blog-item-title').insertAfter('.blog-item-content.e-content .columns-12>.row>.span-12>.image-block:first-child'); $('.blog-item-title').insertAfter('.blog-item-content.e-content .columns-12>.row>.span-12>.gallery-block:first-child'); $('.blog-item-title').insertAfter('.blog-item-content.e-content .columns-12>.row>.span-12>.video-block:first-child'); }); </script> <style> .blog-item-title { text-align: center; } </style>  
  24. tuanphan's post in Two coloured menu bar - is this possible? was marked as the answer   
    Do you want to solve these?
    Site URL – https://weedwise.squarespace.com/?password=W33dw1s3
    1. (Desktop – Contact) The amount of text in the blocks is different, so the size of the blocks is not equal, it doesn’t look good.
    https://weedwise.squarespace.com/contact/?password=W33dw1s3

    2. (Mobile – Ground management) Increase text width?
    https://weedwise.squarespace.com/grounds-management/?password=W33dw1s3

    3. (Tablet – Landscaping) Text break.
    https://weedwise.squarespace.com/landscaping/?password=W33dw1s3

  25. tuanphan's post in Show project titles under image for portfolio in mobile with grid-overlay. was marked as the answer   
    Need to custom code. All plans support code
    Add to Design > Custom CSS
    /* Portfolio Overlay to grid mobile */ @media screen and (max-width:767px) { div#gridThumbs { grid-template-columns: repeat(2,1fr); } a.grid-item { height: unset !important; padding-bottom: 0 !important; } .portfolio-text { position: relative !important; opacity: 1 !important; } }  
×
×
  • Create New...