Jump to content

tuanphan

Circle Member
  • Posts

    65,118
  • Joined

  • Last visited

  • Days Won

    520

Everything posted by tuanphan

  1. Hi, You can use Split Section plugin to achieve this https://www.will-myers.com/products/p/split-screen-layout-design-pack
  2. Add to Website > Website Tools > Custom CSS .variant-option-title, .add-on-title { font-size: 30px !important; } .quantity-label { font-size: 30px !important; } .add-on-details .product-price { font-size: 30px !important; }
  3. Hi, Same link for all products or different? If same link, just share link to a product, we can give code to achieve this If different, you can add button in Additional Info then share link to a product, we can give code to move Additional product button next to your buy now button
  4. If remove one page, edit that page > Add a Code Block (anywhere on page) > Paste the code <style> /* remove overlay */ .Intro--has-image:before { background-color: transparent !important; } </style> If the code doesn't work, you can share link to that page, I will give another code
  5. Don't remove your current code Add this code under #block-ee70ddcd6eda292ef879:hover { border-radius: 500px !important; }
  6. Hi, The page doesn't work. Can you check url again?
  7. Add this code to Website > Website Tools > Custom CSS div.code-block button { border: 2px solid var(--primaryButtonBackgroundColor) !important; background-color: transparent !important; color: var(--primaryButtonBackgroundColor) !important; font-weight: 600; padding: 10px 20px !important; }
  8. Hi, Can you share link to page where you use form? We can help easier
  9. Add to Page Header Code Injection <style> svg.user-items-list-carousel__arrow-icon path { stroke: #f1f !important; } .user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area { background-color: black !important; } </style>
  10. #1. Use this /* Accordion Block - Expand all items */ .sqs-block-accordion li:nth-child(4) .accordion-item__dropdown { display: block !important; } #2. Each titles in each accordion will use a different font name or font color or?
  11. It looks like you solved with this CSS code? .product-mark.sale { background-color: #dc9395 !important; padding: 19px; }
  12. Because there is a p blank tag first, I don't know why it appears there.
  13. Yes. You can try If you need to hide price, add to cart,..let me know, we can give you some code to do this You can also use a custom plugin to create filter on portfolio page
  14. To make br tag work, first you need to add this code to Website > Website Tools > Code Injection > Footer (Footer, not Header) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("h3.portfolio-title").each(function(){ $(this).html($(this).text()); }); }); </script>
  15. add to all three code in screenshot, for example .blog-excerpt-wrapper strong:before { content: "\f236"; font-family: "Font Awesome 6 Free"; color: #f1f2f3; font-size: 30px; } .blog-excerpt-wrapper em:before { content: "\f2cc"; font-family: "Font Awesome 6 Free"; font-weight: bold; color: #f1f2f3; font-size: 30px; } .blog-excerpt-wrapper span:before { content: "\f1b9"; font-family: "Font Awesome 6 Free"; font-weight: bold; color: #f1f2f3; font-size: 30px; }
  16. An effect like this example? https://tuanphan3.squarespace.com/lottie-loading-one?noredirect pass: abc
  17. Can you check again? I see 2 images, but only 1 text only I don't know what that effect is called, maybe a variation of Tabs
  18. Change first code to this .header-menu-nav { border: 1px solid #000; background-color: var(--menuOverlayBackgroundColor) }
  19. You can change code to this @media screen and (min-width:992px) { .ProductItem-gallery .enable-on-first-image-load.enabled { display: none !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.