Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,544

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    #1. Yes, you need to upload all and the code will be like this @font-face { font-family: 'Switzer Bold'; src: url(enter url to bold file); } @font-face { font-family: 'Switzer Regular'; src: url(enter url to regular file); } @font-face { font-family: 'Switzer Italic'; src: url(enter url to italic file); } #2. You can target BLOCK ID, some thing like this #block-id1 h1 { font-family: 'Switzer Bold'; } #block-id2 h1 { font-family: 'Switzer Italic'; } Use this tool to find id: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  2. tuanphan
    Add some description like this?
  3. tuanphan
    See #2 code in this thread
  4. tuanphan
    If you use Business Plan or higher, you can add this code to Book Blog Page <style> .blog-meta-section { display: none; } div.blog-item-author-date-wrapper { display: none !important; } </style> If you use Personal/Basic Plan, please share link to Book blog page, we can give new code
  5. tuanphan
    Can you duplicate the site & add me? I can take a look.
  6. tuanphan
    Add to Design > Custom CSS @media screen and (max-width:767px) { .sqs-popup-overlay-content .sqs-slide { position: fixed !important; top: 0 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img { opacity: 1 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { display: block !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { z-index: 1000 !important; } .sqs-slice-group.group-copy.copy-layer-background { z-index: 99999999; background-color: transparent !important; } a.sqs-popup-overlay-close { z-index: 9999999 !important; } }
  7. tuanphan
    Try adding this new code to Blog Page Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { setTimeout(function(){ $('img[src*="unsplash"]').parents('body:not(.sqs-edit-mode) .image-block').append('<a href="https://unsplash.com" target="_blank" rel="nofollow" class="credit">Credit</a>'); },3000); }); </script> <style> body.sqs-edit-mode .credit { display: none !important; } a.credit { color: var(--paragraphLinkColor); border-bottom: 1px solid; } </style> Demo: https://tuanphan.squarespace.com/unsplash-credit?noredirect Pass: abc
  8. tuanphan
    Can you add & keep the code? I just tested & it looks fine. See this video
  9. tuanphan
    Hi, You mean these menus?
  10. tuanphan
    Add to Design > Custom CSS body.header--menu-open header#header img { content: url(https://cdn.pixabay.com/photo/2023/06/10/21/23/flower-8054861_1280.jpg); visibility: visible !important; } body.header--menu-open header#header a { content: unset !important; }
  11. tuanphan
    Hi, The font file url doesn't exist. Or you are using Trial Plan, sometime uploaded file won't work on Trial Plan https://static1.squarespace.com/static/62f7bcb7fbdd5d2746a27f4f/t/62f7bf2011312b03dbb2d70f/1660403488367/font.woff
  12. tuanphan
    What is site url? We can check easier
  13. tuanphan
    You can use this CSS code h1, .product-price { font-family: 'MikadoBlack' !important; }
  14. tuanphan
    Don't remove any code in your current code Add this to Design > Custom CSS /* Center Google Docs */ .fe-block.fe-block-yui_3_17_2_1_1688916966314_3423 { grid-column-end: 22 !important; }
  15. tuanphan
    Use this new code /* Mobile video homepage */ @media screen and (max-width:767px) { body.homepage div#player { visibility: hidden !important; opacity: 0 !important; } body.homepage .sqs-video-background .custom-fallback-image { opacity: 1 !important; display: block !important; z-index: 10 !important; } }
  16. tuanphan
    You can edit that page > Add a Code Block (anywhere on page) > paste this code <style> header#header { display: none !important; } </style>
  17. tuanphan
    Don't remove any code in your current code Add to Design > Custom CSS body:not(.homepage).header--menu-open div.header-title-logo a { content: unset !important; }
  18. tuanphan
    You can change number 640 in your code to 900
  19. tuanphan
    Hi, Border for Header or Navigation bar? And what is template? What is site url?
  20. tuanphan
    Unless your device can be shorter
  21. tuanphan
    Hi, What is page url? We can help easier
  22. tuanphan
    Just replace this #block-yui_3_17_2_1_1684170709916_7439, #block-yui_3_17_2_1_1684170709916_27558, #block-yui_3_17_2_1_1684170709916_31326 with div.gallery-block
  23. tuanphan
    It looks fine to me
  24. tuanphan
    Try adding to Design > Custom CSS /* Disable mobile lightbox */ @media screen and (max-width:640px) { body.collection-type-index.view-list .slide a { pointer-events: none !important; } }
  25. tuanphan
    Use this new code /* Mobile Banner */ @media screen and (max-width:767px) { /* homepage */ [data-section-id="64a39323ae4866551bf8101c"] { min-height: unset !important; margin-top: 5vh; } /* contact us page */ [data-section-id="64a500c2797f684c08c7056a"] { min-height: unset !important; height: 35vh; margin-top: 5vh; } } Use this free tool to find data section id if you have problem in future https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
×
×
  • 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