Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,819

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Add to Website > Website Tools (under Not Linked) > Custom CSS /* Site Gradient */ .section, .section-background, .section-border { background-color: transparent !important; } body { background: rgb(1,114,84) !important; background: linear-gradient(99deg, rgba(1,114,84,1) 0%, rgba(179,104,124,1) 88%, rgba(203,103,127,1) 100%) !important; }
  2. tuanphan
    You mean red spacing?
  3. tuanphan
    You try adding side by side, then we can try code to increase size
  4. tuanphan
    Hi, Can you share link to your site? We can check easier
  5. tuanphan
    #1. Use this new code img { transition: all 0.7s; } .shrink img { width: 70px; transition: all 0.7s; } header#header .header-title-logo a { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) !important; z-index: 9999; } div.header-announcement-bar-wrapper { padding-top: 5vw !important; padding-bottom: 5vw !important; } #2. Do you use Personal or Business Plan?
  6. tuanphan
    Add this code to Website > Page > Website Tools > CUSTOM CSS /* Hide Workshop FAQ text */ div#block-yui_3_17_2_1_1699262170562_36898 { display: none !important; } #productList ~ div#block-yui_3_17_2_1_1699262170562_36898 { display: block !important; }
  7. tuanphan
    You try checking Zapier, I haven't tried this but I think Zapier should able to handle this request
  8. tuanphan
    #1. Change right to left #2. Add font-size: 20px; color: #f1f2f3; to these code
  9. tuanphan
    Try this code under <style> li img, li:hover img { transition: all 0.3s ease; } </style>
  10. tuanphan
    Try this <style> /* Rollover images */ li:nth-child(1):hover img { content: url(https://cdn.pixabay.com/photo/2021/12/23/13/25/flower-6889331__480.jpg); } li:nth-child(2):hover img { content: url(https://cdn.pixabay.com/photo/2022/01/18/03/16/deer-6946129__340.jpg); } li:nth-child(3):hover img { content: url(https://cdn.pixabay.com/photo/2018/07/16/04/43/tea-3541205__340.jpg); } img, li:hover img { transition: all 0.3s; } </style>
  11. tuanphan
    Hi, What is site url?
  12. tuanphan
    You mean 18 videos on bottom of page?
  13. tuanphan
    Change this CSS code .header-nav-item--active a { background-image: none !important; font-weight: bold !important; color: #fff !important; } to this .header-nav-item--active>a, .header-nav-folder-item.header-nav-folder-item--active * { background-image: none !important; font-weight: bold !important; color: #fff !important; }
  14. tuanphan
    Use this code to Website > Website Tools > Custom CSS @media screen and (min-width:1025px) and (max-width:1197px) { .header-burger { display: flex !important } .header--menu-open .header-menu { opacity: 1 !important; visibility: visible !important } .header-nav,.header-actions { visibility: hidden !important } } I see problem between 1025px to 1197px so I use this code, you can adjust numbers
  15. tuanphan
    Can you share link to this page?
  16. tuanphan
    For future users Suppose the site is mery.com Just access mery.com/s/plugin-lightbox.css and mery.com/s/plugin-lightbox.js to download files
  17. tuanphan
    Hi, Gallery Carousel doesn't support show text in default. Can you disable autoplay? We can use CSS code to set title for each image manually
  18. tuanphan
    Hi, I Just checked on my phone & it is clickable. You try checking again
  19. tuanphan
    Like I said above, you need to add code to Website > Website Tools (under Not Linked) > Custom CSS Currently you are placing code in Page Code Injection
  20. tuanphan
    Use this code to last line in Code Injection to add image, instead of using CSS :after code <script> $(document).ready(function(){ $('<img src="https://images.squarespace-cdn.com/content/v1/5f00e6e7a2146372f8efd027/cf5694a2-5df1-4b85-b66b-95489d5ab05e/Empty-Capsule-Advantages-50.png"/>').appendTo('.ProductItem-details-checkout'); }); </script> <style> .ProductItem-details-checkout img { order: 8 !important; } </style>
  21. tuanphan
    Hi, What is site url? We can check your problem easier
  22. tuanphan
    Can you share link to page? Sometimes we will need to use JS code to handle hover behavior
  23. tuanphan
    Can you share site url? We can use some code to achieve it
  24. tuanphan
    Can you add & keep the code in Cover Page Header Injection? We can check it again easier
  25. tuanphan
    I don't see button on desktop. Which button are you referring to?
×
×
  • 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