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? We can check easier
  2. tuanphan

    landscape view

    tuanphan replied to Desislav's topic in Mobile

    Can you share link to page where you have problem? We can check easier
  3. tuanphan
    Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(() => { const a = $('.eventlist-event') for (let i=0; i<a.length; i++) { const newH = $(a[i]).find("a:contains('view external url')").attr('href'); $(a[i]).find('a').click((e) => { e.preventDefault() window.open(newH) }) } }) </script> <style> .eventlist-excerpt a { display: none; } </style>
  4. tuanphan
    Add this code to Website > Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.item-pagination[data-collection-type^="portfolio"]').clone().insertBefore('article>section:first-child .content'); }) </script> <style> article>section:first-child .content-wrapper { flex-direction: column; } </style>
  5. tuanphan
    To add arrow to add to cart button, use this CSS code /* add to cart arrow */ .sqs-add-to-cart-button-inner:after { content: ''; background-image: url(https://static1.squarespace.com/static/65aea6afe369c462cb5c6f5c/t/65b01b88b692bc3ce4db1003/1706040200816/arrow-slanted.png); background-size: contain !important; background-position: center; float: right; background-repeat: no-repeat; color: transparent; object-fit: cover; width: 17px; height: 23px; margin-left: 15px; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; } .sqs-add-to-cart-button-inner:hover:after { transform: rotate(45deg); }
  6. tuanphan
    You try edit Site Footer > Add a block > Choose Markdown > Then paste the code or try disable Ajax Loading in Design
  7. tuanphan
    Can you share site url?
  8. tuanphan
    Change /home/ from url to /
  9. tuanphan
    Can you share link to this page? We can check easier
  10. tuanphan
    Hi, With size, you can use this code to Website > Website Tools (under Not Linked) > Custom CSS h2.item-pagination-title { font-size: 20px !important; } With move to top, you need to share link to your portfolio page, we can check easier
  11. tuanphan
    You can adjust number 2 If it doesn't work, please share link to your site, we can check easier
  12. tuanphan
    You can achieve this but requires a custom plugin First, install Section Loader Supreme Plugin (affiliate link) or this link (non-affiliate link) Next, create a page in Not Linked Name: Reuse Newsletter URL Slug: /reuse-newsletter Next, edit page and add a Newsletter Block Final, edit blog post where you want to place Newsletter > Add a Block > Choose Code > Paste this code <div data-wm-plugin="load" data-target="/reuse-newsletter"></div> Bonus In case you want to add a newsletter to all blog posts, above Pagination, you can use this code to Post Blog Item Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> $(document).ready(function(){ setTimeout( function() { $('div.wm-load-container').insertBefore('body[class*="type-blog"].view-item section#itemPagination'); }, 3000); }); </script> Result
  13. tuanphan
    First, change your layout to mobile Next, click on Burger icon >> A box will appear, you can edit burger icon here
  14. tuanphan
    Try click Edit Site Header >> Then hover on bottom right of header, maybe you will see a button "Edit Design" or something similar.
  15. tuanphan
    Just a curious, I see you are using 2 text blocks over image, why don't you use 1 Text Block only?
  16. tuanphan
    --site-navigaion-font-family means apply navigation font name for all text in Footer. In case you want to use a different font name, use this code instead footer.sections * { font-family: monospace !important; } Yes, add to Website > Website Tools > Custom CSS
  17. tuanphan
    Try changing the code to this [bs-lightbox-caption-position=overlay] .fancybox__slide.has-image .fancybox__caption { bottom: 0 !important; }
  18. tuanphan
    Yes possible. If you share link to your portfolio page, I can give some code to add text on top of image
  19. tuanphan
    Hi, This will be same for all blog posts (all blog post will have a section with same info). If same, you can add a section in Site Footer, then we can use code to move it to all blog posts Or each blog post will have a different info? If different, you will need to use a custom plugin + some code to achieve this. You can consider Related Posts Plugin - Will add some related posts under blog post Section Loader Supreme (this will require extra code to add to blog post). With this plugin, you will create some pages in Not Linked, then use some code, you can add these pages to blog post, each post you can use a not linked page content. You can consider, depending on the option you choose, I can provide more detailed information for the next steps to implement it.
  20. tuanphan
    Like this? https://codepen.io/vincelo/pen/yLLNZoa
  21. tuanphan
    Can you share link to page where you have problem?
  22. tuanphan
    Use this CSS code nav.header-nav-list { flex-direction: column; }
  23. tuanphan
    I usually use Elfsight, but free plan limit the views
  24. tuanphan
    Can you share link to blog post in your screenshot?
  25. tuanphan
    What is your site url & What is problem?
×
×
  • 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