Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,872

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    To adjust padding, you can adjust option "Height" If it still doesnt work, you can share site url, we can check easier. Sometimes I still see this problem (top padding > bottom padding), and will require some lines of CSS
  2. tuanphan
    (0) you are setting Header button open in New tab, you need to disable this option (1) Next, add this code to Custom CSS, it will move this section to middle of screen [data-section-id="65caaf054567630bcf4944c5"] { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999999; width: 90%; min-width: 300px; max-width: 750px; } footer.sections { z-index: 9999999 !important; } [data-section-id="65caaf054567630bcf4944c5"] .section-border { top: 0 !important; } span.close-popup { position: fixed; top: 10px; left: 10px; } You can adjust width value in the code (2) Next, add this code to Custom CSS, it will make this section disappear [data-section-id="65caaf054567630bcf4944c5"] { display: none; } .show-popup { display: block !important; } (3) Next, add this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('header#header a.btn').click(function(){ $('[data-section-id="65caaf054567630bcf4944c5"]').toggleClass('show-popup'); }); $('span.close-popup').click(function(){ $('[data-section-id="65caaf054567630bcf4944c5"]').removeClass('show-popup'); }); }); </script> I forgot, you are setting Header button open in New tab, you need to disable this option
  3. tuanphan
    You mean hover on bold text or hover on 8 text columns in your screenshot?
  4. tuanphan
    Use this code to Website > Website Tools > Custom CSS .page-text-wrapper.clearfix { margin-top: 0px !important; margin-bottom: 30px !important; } h1.page-title { margin-bottom: 30px !important; }
  5. tuanphan
    You can use this code to Website > Website Tools (under Not Linked) > Custom CSS .header-announcement-bar-wrapper { padding-left: 3vw !important; }
  6. tuanphan
    What is your site url?
  7. tuanphan
    Try this CSS Code @media screen and (max-width:767px) { #block-0caff5f46a51d3dfea13 { -webkit-transition: unset !important; -o-transition: unset !important; transition: unset !important; } }
  8. tuanphan
    I tried creating a demo, you can check https://tuanphan.squarespace.com/typeform-popup?noredirect password: abc
  9. tuanphan
    Can you share link to page where you use summary block? We can check easier
  10. tuanphan
    Use this code to Website > Website Tools > Custom CSS /* writing options disable link */ .user-items-list-item-container[data-section-id="628637a8e6ac343848004edc"] * { pointer-events: none; }
  11. tuanphan
    You can use this CSS code fieldset.checkbox div.title span { font-weight: bold !important; }
  12. tuanphan
    Use this CSS code to fix problem [data-section-id="65ce6fa55def9a5d46065217"] { z-index: 999999 !important; }
  13. tuanphan
    Can you share link to this page? We can check easier
  14. tuanphan
    Can you share link to homepage? We can check easier
  15. tuanphan
    Can you share link to this page? We can check easier
  16. tuanphan
    #1. #2. Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { section#pdp { padding: 0 !important; } section.product-details.ProductItem-details { padding-left: 2vw; padding-right: 2vw; } h1.ProductItem-details-title, .product-price { text-align: center; } }
  17. tuanphan
    Your site is private. You can follow this guide to share url
  18. tuanphan
    Change this code to this header#header a.second-button { background-color: #000 !important; color: #fff !important; display: inline-block !important; margin-left: 20px; }
  19. tuanphan
    If you use Universal Filter Plugin to add dropdown filters, you can follow these steps to change url I did an example for Project 01, Project 02 here https://thung.squarespace.com/portfolio-filter?noredirect pass: abc (1) Add hooks code to this position hooks: { onFilter: function (f) { externalLink(f); } } (2) Add jQuery code above Universal Filter Plugin code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> (3) Add this code to on top of Filter Plugin code, but under <script> tag var externalLink = function (f) { $('a.grid-item[href="/portfolio-filter/project-one-j5z9d"]').attr('href','https://google.com'); $('a.grid-item[href="/portfolio-filter/project-two-j6ehw"]').attr('href','https://amazon.com'); $('a.grid-item').attr('target','_blank'); }; (4) red arrow is Portfolio Item URL
  20. tuanphan
    You mean this space?
  21. tuanphan
    Try this code to Website > Website Tools > Custom CSS .wrap a:visited { font-weight: bold !important; }
  22. tuanphan
    You can move this code in to bottom of Code Block (do not add to Custom CSS) <style> .fe-65b1968b881a407ad804001e { --sqs-site-max-width: 100% !important; } </style>
  23. tuanphan
    You haven't declared @font-face for Botanica yet
  24. tuanphan
    Which exact code did you try?
  25. tuanphan
    Can you share link to this event? We can check easier
×
×
  • 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