tuanphan

Can you share link to a product? We can help easier

Hi, Where is caption overlay? I don't see it on homepage

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; } }

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; } }

You mean resize these images?

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; } }

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.

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>

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; }

Hi, This depend your template. Can you share link to your site?

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; } }

It looks like you figured it out?

Can you share site url?

The image looks fine. Did you solve it?

Add to Design > Custom CSS footer.sections .icon-cart-quantity { visibility: hidden; }

You mean reduce this space?

Add to Design > Custom CSS div.ProductItem-details-excerpt a { color: blue; }

The code hide caption under image. You want to keep it + hide caption in image lightbox (on hover)?

What is your site url?

Don't remove any code. Add this to Design > Custom CSS figure:hover .gallery-caption { opacity: 1 !important; } .gallery-caption { transition-delay: 100ms !important; }

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

Add to Design > Custom CSS footer.sections .content-wrapper { padding-top: 20px !important; } footer.sections section { min-height: unset !important; }

Possible with some code.. You can add text + Gallery section, we can give the code to make it side by side...

Can you share link to blog page? I don't find blog page on your site

Add logo to top of menu? Logo will be clickable or non-clickable? Do you use Personal or Business Plan?