Jump to content

tuanphan

Circle Member
  • Posts

    64,963
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. You can use Text Block and manually add each text with corresponding url
  2. Click Design > Disable Header Fixed In case you still want to keep fixed header, you can add a blank section above image section > set minimum height
  3. Change this code from CSS box .header-nav-item--active a { color: #79c0a2 !important; background-image: none !important; } to this .header-nav-item--active>a, .header-nav-folder-item.header-nav-folder-item--active a { color: #79c0a2 !important; background-image: none !important; }
  4. You try enter full url, suppose your site is mrmike1.squarespace.com, try enter this https://mrmike1.squarespace.com/services#foo
  5. If you share link to page where you have problem, we can take a look
  6. I think you have missed symbol in your link. You can paste the code/syntax you used to add these links, we can check easier
  7. That site is not Squarespace, but if you share link to your site, we can give CSS code to achieve curved edges. With click open video lightbox, you will need to use a plugin
  8. You try this code to Website > Website Tools > Custom CSS (but it will overflow on mobile) .fe-block.fe-block-ce2fa4f3e5712415ef22 h4 { white-space: nowrap !important; }
  9. With this, they used Line Block With vertical line, they used Markdown with HTML/CSS code You can share link to your site, we can help you achieve similar border easier
  10. Use this div.title span { font-weight: bold !important; }
  11. Text you entered in Description box won't appear in frontend, you will need to use custom code to add new description text. First, edit Title text, from CLIENT to CLIENT <span>Helping a bank to be itself</span> Next, use this code to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".image-slide-title").each(function(){ $(this).html($(this).text()); }); }); </script> Next, use this code to Custom CSS box .image-slide-title span { display: block; }
  12. 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
  13. (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
  14. You mean hover on bold text or hover on 8 text columns in your screenshot?
  15. 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; }
  16. You can use this code to Website > Website Tools (under Not Linked) > Custom CSS .header-announcement-bar-wrapper { padding-left: 3vw !important; }
  17. Try this CSS Code @media screen and (max-width:767px) { #block-0caff5f46a51d3dfea13 { -webkit-transition: unset !important; -o-transition: unset !important; transition: unset !important; } }
  18. I tried creating a demo, you can check https://tuanphan.squarespace.com/typeform-popup?noredirect password: abc
  19. Can you share link to page where you use summary block? We can check easier
  20. 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; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.