Jump to content

tuanphan

Circle Member
  • Posts

    64,922
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. To add Phone (clickable), you will need to use script code. If you share link to your site, we can give you code to achieve this.
  2. I think you need to use CSS to set this for body tag Can you share link to your site? We can check easier
  3. (1), (2), both WordPress and Squarespace, you will need to buy custom plugin
  4. Can you share link to your portfolio page? We can check easier But I think this is possible with some CSS code
  5. I see a lot of styles. Which style are you referring to?
  6. Changing background is not possible. You can consider using custom code to create scrolling text, instead of using Scrolling Block (If you need this, let me know, I can test some code then give you)
  7. You try this code to Website > Website Tools > Custom CSS div.header-announcement-bar-wrapper { padding-top: 3vw !important; padding-bottom: 3vw !important; }
  8. This is possible with some CSS code, but we can't achieve different circle style when it is active (If you still want this, I can give you a quick guide to achieve it) You can also use this plugin (affiliate link), you can achieve it easier
  9. Can you add & keep code in CSS box? We can check it again easier
  10. To target nav link with arrow, use this CSS code div.header-nav-item.header-nav-item--folder { position: relative; top: -1px; }
  11. Which text are you referring to? Title, description, button text?
  12. There is no option to do this on blog main page. You try posting to Coding category, maybe someone with code can help you.
  13. Try this new code to Page Header Code Injection (page where you added Code Block) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('header#header').appendTo('div.code-block>div'); }) </script> <style> .code-block header#header { position: static !important; } .code-block header#header nav, .code-block header#header a.btn, .code-block header#header .header-title { display: none !important; } </style>
  14. https://megalodon-disc-n2ep.squarespace.com/cejlon/amsterdam-music-festival You can use this code to Website > Website Tools > Custom CSS [data-section-id="66191743391d4347296d98da"] { padding-top: 0px !important; }
  15. Use 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() { $("div.header-nav-item:nth-child(2)>a").click(function() { var link = $(this).text(), href = "https://www.lannyloo.com/homebase"; window.location.href=href; }); $("div.header-nav-item:nth-child(3)>a").click(function() { var link = $(this).text(), href = "https://www.lannyloo.com/collection-i"; window.location.href=href; }); $("div.header-nav-item:nth-child(4)>a").click(function() { var link = $(this).text(), href = "https://www.lannyloo.com/lanny-loo-hoo"; window.location.href=href; }); }); </script>
  16. Remove code I sent & use this new code section[class*="add-ons"] div.sqs-add-to-cart-button:hover, section[class*="add-ons"] div.sqs-add-to-cart-button:before { border-radius: 50% !important; }
  17. The only way I know to solve this use Table Custom Block Plugin. It can sync data from Google Sheets, then add Universal Filter Plugin, I will create a search bar in Tablet Custom Block plugin.
  18. Which code did you add to Custom CSS + What is site url? We can check problem easier
  19. Change red background or change white text?
  20. Use this code under div.header-nav-item [href="/menu"] { content: ''; background: url(https://static1.squarespace.com/static/626849f9d4b34577d12db0c6/t/65df612362122e038032071c/1709138498825/burger-menu.pnghttps://static1.squarespace.com/static/65df3b2b0c9ed76ee88da410/t/65df50c9d74e483842ee2b9f/1709134025253/burger-menu.png) no-repeat !important; background-size: cover !important; height: 100% !important; color: transparent !important; background-position: center center !important; }
  21. You need to add !important to some code div.header-nav-item [href="/menu"] { content: ''; background: url(https://static1.squarespace.com/static/626849f9d4b34577d12db0c6/t/65df612362122e038032071c/1709138498825/burger-menu.pnghttps://static1.squarespace.com/static/65df3b2b0c9ed76ee88da410/t/65df50c9d74e483842ee2b9f/1709134025253/burger-menu.png) no-repeat !important; background-size: cover !important; height: 100% !important; color: transparent !important; background-position: center center !important; }
×
×
  • 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.