Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,013

  • Joined

  • Last visited

  • Days Won

    518

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    If you share link to your site where you have problem, we can give some code to adjust this
  2. tuanphan
    Use this code under header#header a { text-decoration: none !important; }
  3. tuanphan
    You can use this Text Block ID to target it #enter-text-block-id + .row >.span-8>row:nth-child(1) Reference: https://www.w3schools.com/cssref/css_selectors.php
  4. tuanphan
    It is Heading 2, you should able to adjust in Site Styles or use this CSS code h2.nested-category-title.nested-category-title-padding { font-size: 30px; }
  5. tuanphan
    If you only use Countdown Timer only, you can find free code at Codepen then share url, we can convert it to Squarespace Code Block, then use code to move it to nav bar, there is no need to pay a monthly fee just to use such a basic feature. I appreciate Elfsight support, almost if you have problems with the app, even if you need to customize CSS, they are still willing to provide you with the code. They also have many useful apps, especially reviews (GG Reviews, AirBnB..)
  6. tuanphan
    York Mobile uses a different class name, try this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(function(){ $('.logo-image a, .mobile-branding-wrapper a').attr("href","/work"); }); </script> If it doesn't work, you can share link to your York site, we can help easier
  7. tuanphan
    To remove overlay on hover, use this code a.grid-item { height: unset !important; padding-bottom: 0 !important; opacity: 1 !important; } .portfolio-text { opacity: 1 !important; padding: 5px !important; background-color: rgba(255,255,255,0.75); top: unset !important; } h3.portfolio-title { font-size: 20px !important; } .portfolio-overlay { opacity: 0 !important; } to make text slide up on hover, like as example site, add this CSS under /* Text hover slide up */ .portfolio-text { transform: translateY(100px); transition: all 0.3s ease; } a.grid-item:hover .portfolio-text { transform: translateY(0); transition: all 0.3s ease; }
  8. tuanphan
    Animation caused this, it created a code with opacity 0 Use this code to Custom CSS box to override it div.header-nav-item a { opacity: 1 !important; }
  9. tuanphan
    Try adding this to current code (I added article section a) .sqs-announcement-bar-text a, #footer-sections .sqs-block-html a, article section a { transition:ease-in-out 300ms; &:hover { color:red; } }
  10. tuanphan
    Use this /* Sold out font on mobile shop page */ @media screen and (max-width:767px) { body.view-list .product-mark.sold-out { font-size: 12px !important; } }
  11. tuanphan
    Use this CSS code p.gallery-caption-content { text-align: center; }
  12. tuanphan
    You can add this CSS code @media screen and (min-width: 992px) { .header-burger { flex-basis: 100px; justify-content: flex-end; } .header-title-nav-wrapper { padding-left: 100px; }}
  13. tuanphan
    Try this new code. If it doesn't work, you can keep new code, I can check it again easier @media screen and (max-width: 767px) { .portfolio-text { justify-content:flex-end !important; top: unset !important; background-color: rgba(255,255,255,.7) !important; opacity: 1 !important; } .portfolio-overlay { opacity: 0 !important; } }
  14. tuanphan
    Can you share link to event?
  15. tuanphan
    What is site url? We can check easier
  16. tuanphan
    The only way is add a Folder then you can add link items to folder
  17. tuanphan
    Hover image >> Show overlay only or show overlay + text? If text, can you enable Gallery Caption + add some text? If overlay only, add this code to Website Tools (under Not Linked) > Custom CSS figure[class*="gallery"]:not(.gallery-slideshow-item) { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } figure[class*="gallery"]:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ div[class*="-item-wrapper"]:after { background: #f4f6ea; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } figure[class*="gallery"]:hover div[class*="-item-wrapper"]:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }
  18. tuanphan
    You can add it to Site Footer, then we can give jQuery code to move its position Or use plugin. I used to help some sites to achieve same cases, by using section in footer or plugin
  19. tuanphan
    Event Summary doesn't support Read More Link, if you need to add a read more, you can add it in Excerpt Or add this to Website Tools (under Not Linked) > Custom CSS to fake read more link div#block-yui_3_17_2_1_1698177917931_6440 { .summary-title a:after { content: "read more"; position: absolute; bottom: -40px; left: 0; color: var(--tweak-summary-block-secondary-metadata-color); font-size: 13px; font-family: var(--body-font-font-family); } .summary-content { position: relative; }}
  20. tuanphan
    With Selected Page: https://violin-bluebird-wtwa.squarespace.com/selected-images to add caption with CSS, add this code to Website Tools (under Not Linked) > Custom CSS /* Selected page */ body#collection-654552924507a264bb7101c2 { [data-slide-url]:after { display: block; color: black; z-index: 99999; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); } [data-slide-url="ka7yigpadnsde8p2reu0kwq137dwzr"]:after { content: "Feral Goats on Slievecarran"; } [data-slide-url="rbzzrph9y7ytkop3cfbeeia81shyuf"]:after { content: "Bouleevin-Sunrise"; } [data-slide-url="w70lm6szn1rvswsz5sqrn6saws657s"]:after { content: "Doonties-Gateway-Dingle-Peninsula.jpg"; } } If you feel it okay, I will give quick guide to find data-slide-url
  21. tuanphan
    You need scroll screen to right to see burger.. Use this code to Custom CSS to make menu slide from right @media screen and (max-width: 768px) { .header-menu { opacity: 1; visibility: visible; transform: translateX(400px); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .header--menu-open .header-menu { transform: translateX(0); } .header-menu-nav-folder, .header-menu-nav-item a, .header--menu-open .header-menu .header-menu-nav-list, .header-menu-actions, .header-menu-cta { transition: unset !important; transform: unset !important; }}
  22. tuanphan
    You can use this code to achieve this
  23. tuanphan
    Do you need to remove red overlay? Add this to Website Tools (under Not Linked) > Custom CSS a.grid-item img { filter: grayscale(1); -webkit-filter: grayscale(1); } a.grid-item:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); }
  24. tuanphan
    You can use this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $("nav.main-nav>ul>li:nth-child(1)>a").click(function() { var link = $(this).text(), href = "/portfolio-overview"; window.location.href=href; }); }); </script>
  25. tuanphan
    I see it still works here, but when users hover out >> checkbox disappear. You mean this problem?
×
×
  • 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