Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Posts

    32,640
  • Joined

  • Last visited

  • Days Won

    330

Everything posted by tuanphan

  1. Hi, Try remove all custom code in Custom CSS, Code Injection then check again (Backup code before removing)
  2. Try adding to Last Line in Code Injection > Footer <script> $(document).ready(function() { $('section.reviewsSection').appendTo('figure.ProductItem-gallery'); }); </script>
  3. Hi, I see text break on tablet Add to Design > Custom CSS to fix /* Tablet-Mother-Text break */ @media screen and (max-width:991px) { div#page-section-6136792496754e3b7e0e829a * { white-space: nowrap !important; font-size: 30px; } }
  4. Add to Design > Custom CSS > then save & reload the site /* Poster overflow */ @media screen and (max-width:991px) { div#block-1ad8e95619d3440bbe15 .content-fill { padding-bottom: 50% !important; } } @media screen and (max-width:767px) { div#block-1ad8e95619d3440bbe15 .content-fill { padding-bottom: 100% !important; } }
  5. Add to Design > Custom CSS /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: black; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } .ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before { border-color: black !important; } }
  6. I recently solved a similar problem for a member To set a password for an individual projects, follow these steps 1. Add a standard page in Not Linked >> Don't add any content for this page 2. Set up a password & add this code into Page Header <script> window.location.href = "https://beaverhero.com"; </script> Replace beaverhero with individual project url 3. Add this code to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { // project 1 $('a.portfolio-hover-item[href="/work/ikigai"]').attr('href','https://beaverhero.com'); // project 2 $('a.portfolio-hover-item[href="/work/beams"]').attr('href','https://abc.com'); }); </script> Replace /work/ikigai with individual project url replace beaverhero, abc.com with standard page (you created in step 1) Explain SS doesn't allow to setup a password for individual projects, so the idea here is Click on an individual project in Portfolio Page >> Redirect the user immediately to a standard page A >> Set a password for page A >> If the user types the correct password >> Instantly redirect to the original individual project . If the user mistypes, an error occurs and they need to re-enter the password.
  7. Add this to Settings > Advanced > code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-display-desktop .header-actions.header-actions--right').appendTo('.header-title-nav-wrapper .header-nav'); }); </script> <style> .header-nav { flex-direction: row-reverse; display: flex; justify-content: space-between; flex: 50% !important; width: 50% !important; } .header-title { width: 50% !important; } </style>
  8. in Design > Custom CSS > Find this code (this code affects on both Site Header & Blog Post Meta info (meta has post title)) header { position: fixed !important; } change it to header#header { position: fixed !important; }
  9. Hi, This depend your template. Can you share link to your site?
  10. Use this CSS /* Library page hover */ body#collection-614c0d638d723b5cb6c408e5 { /* Masonry hover 2 */ figure.gallery-grid-item { position: relative; } .gallery-caption, .gallery-caption-wrapper { position: static !important; z-index: 100 !important; top: unset; transform: unset; height: initial; opacity: 1 !important; } /* title */ .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; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: rgba(0,0,0,0.5); /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; } }
  11. Add to Design > Custom CSS footer.sections .icon-cart-quantity { visibility: hidden; }
  12. Add to Design > Custom CSS div.ProductItem-details-excerpt a { color: blue; }
  13. The code hide caption under image. You want to keep it + hide caption in image lightbox (on hover)?
  14. Don't remove any code. Add this to Design > Custom CSS figure:hover .gallery-caption { opacity: 1 !important; } .gallery-caption { transition-delay: 100ms !important; }
  15. Click credit text link >> Show a popup with text/image? You can use Lightbox Plugin to achieve this lightbox Let me know if you still have any questions
  16. Add to Design > Custom CSS footer.sections .content-wrapper { padding-top: 20px !important; } footer.sections section { min-height: unset !important; }
  17. Possible with some code.. You can add text + Gallery section, we can give the code to make it side by side...
×
×
  • Create New...