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

tuanphan

Circle Member
  • Content Count

    6,287
  • Joined

  • Last visited

  • Days Won

    61

Everything posted by tuanphan

  1. Use this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function () { $('.markdown-block a').attr('target','_blank'); }); </script> Reference: https://beaverhero.com/squarsepace-markdown-block/#Markdown_Open_Link_in_New_Tab
  2. Add to Home > Design > Custom CSS .product-mark.sold-out { color: red; }
  3. Can you keep the code & share link to your site?
  4. If SS can't, CSS can. But can you share link to your site?
  5. Add to Menu Page Settings > Advanced > Header h1.page-title { display: none; }
  6. Add to Menu Page Settings > Advanced > Header <style> h1.page-title { display: none; } </style>
  7. ah sorry, add to Home > Settings > Advanced > Code Injection > Footer
  8. Have you solved this yet?
  9. Can you share link to your site? I can take a look
  10. You mean white space at bottom? Add to blog page settings > Advanced > Header <style> main#page { height: 100vh; } section, article#sections { height: 100% !important; } </style>
  11. See this: https://support.squarespace.com/hc/en-us/articles/212512738#index-navigation
  12. Seems fine here. Can you take screenshot?
  13. You can use Squarespace 7.1. create a page, add video to section, use CSS to remove header, footer to make page to "cover page"
  14. Add to Home > Design > Custom CSS .Main { background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; }
  15. <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); background-size: cover; background-repeat: no-repeat; } </style>
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(".sqs-block-summary-v2 .summary-item").click(function() { window.location = $(this).find("a").attr("href"); return false; }); </script> Add to Home > Design > Custom CSS
  17. Add to Home > Design > Custom CSS .Header--bottom { position: fixed !important; top: 0; left: 0; right: 0; z-index: 999; }
  18. Add to Home > Design > Custom CSS @media screen and (min-width:901px) { h1.BlogItem-title { width: 66%; margin-left: auto; margin-right: auto; } .Blog-meta.BlogItem-meta { width: 66% !important; margin-left: auto; margin-right: auto; } }
  19. Add to Home > Design > Custom CSS .newsletter-form-body>div { margin-top: 0 !important; }
  20. Fix the nav to the top of the page when a user scrolls past the header, you can use CSS header#header { position: fixed !important; top: 0; z-index: 999; left: 0; right: 0; } turning into a new color You need to use JavaScript, complicated
  21. Try adding this code to Home > Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.BlogItem-share').append($('span.Blog-meta-item.Blog-meta-item--tags')); }); </script>
×
×
  • Create New...