tuanphan

Add this to Design > Custom CSS /* 7.0 Gallery caption mobile */ @media screen and (max-width:900px) { .sqs-gallery-block-slideshow .slide.loaded .meta { display: block !important; left: 0 !Important; top: 100px !important; width: 100% !Important; max-width: 100% !important;margin-left: 0 !important;} .sqs-gallery-block-slideshow .meta .meta-title { line-height: 20px !important; } .meta-inside { padding-top: 0 !important; } .sqs-gallery-block-slideshow .slide.loaded .meta { height: auto !Important; }}

Which images you want to adjust opacity?

Like this example? https://thung.squarespace.com/poster-block?noredirect Pass: abc

Hi, What is site url? We can check easier

You mean you want screenshot 1 or 2?

Try adding to Design > Custom CSS to fix problem body { background-color: #1c1c1c; }

What is site url? We can check mobile code easier

Hi, What is site url? We can check easier

You can add this to Design > Custom CSS to reduce space /* video detail - space pagination - content */ .lesson-details { margin-bottom: 0px !important; }

You can add share feature with Shareaholic, it is free https://support.shareaholic.com/hc/en-us/articles/115001134523-Getting-Started-with-Shareaholic You can try, if you can't do it, let me know, we can create a quick guide for you

What is site url?

What is your site url?

What is site url?

Your site is private. Can you setup access password?

What is password?

Try adding this to Design > Custom CSS /* Disable twice click */ li a.active { pointer-events: none; }

No. With Codepen, we will need to replace current logo with Codepen code, and you need to edit everything (add, delete...image in Code Block) To add Code Pen, edit page > Add a Code Block > paste this code <div class="client-logo-img-section client-logo-img-slider-section "> <div class="logo-images logo-img-slider" pause-on-hover="false"> <div class=""> <div class="widget_1668149948924-logo-1 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=139&amp;height=41&amp;name=Logo-1.png" alt="Logo-1" loading="lazy" width="139" height="41" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=70&amp;height=21&amp;name=Logo-1.png 70w, https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=139&amp;height=41&amp;name=Logo-1.png 139w, https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=209&amp;height=62&amp;name=Logo-1.png 209w, https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=278&amp;height=82&amp;name=Logo-1.png 278w, https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=348&amp;height=103&amp;name=Logo-1.png 348w, https://www.adalystic.com/hs-fs/hubfs/Logo-1.png?width=417&amp;height=123&amp;name=Logo-1.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> <div class=""> <div class="widget_1668149948924-logo-2 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=139&amp;height=74&amp;name=Logo-2.png" alt="Logo-2" loading="lazy" width="139" height="74" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=70&amp;height=37&amp;name=Logo-2.png 70w, https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=139&amp;height=74&amp;name=Logo-2.png 139w, https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=209&amp;height=111&amp;name=Logo-2.png 209w, https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=278&amp;height=148&amp;name=Logo-2.png 278w, https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=348&amp;height=185&amp;name=Logo-2.png 348w, https://www.adalystic.com/hs-fs/hubfs/Logo-2.png?width=417&amp;height=222&amp;name=Logo-2.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> <div class=""> <div class="widget_1668149948924-logo-3 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=139&amp;height=136&amp;name=Logo-3.png" alt="Logo-3" loading="lazy" width="139" height="136" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=70&amp;height=68&amp;name=Logo-3.png 70w, https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=139&amp;height=136&amp;name=Logo-3.png 139w, https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=209&amp;height=204&amp;name=Logo-3.png 209w, https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=278&amp;height=272&amp;name=Logo-3.png 278w, https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=348&amp;height=340&amp;name=Logo-3.png 348w, https://www.adalystic.com/hs-fs/hubfs/Logo-3.png?width=417&amp;height=408&amp;name=Logo-3.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> <div class=""> <div class="widget_1668149948924-logo-4 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=139&amp;height=138&amp;name=Logo-4.png" alt="Logo-4" loading="lazy" width="139" height="138" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=70&amp;height=69&amp;name=Logo-4.png 70w, https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=139&amp;height=138&amp;name=Logo-4.png 139w, https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=209&amp;height=207&amp;name=Logo-4.png 209w, https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=278&amp;height=276&amp;name=Logo-4.png 278w, https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=348&amp;height=345&amp;name=Logo-4.png 348w, https://www.adalystic.com/hs-fs/hubfs/Logo-4.png?width=417&amp;height=414&amp;name=Logo-4.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> <div class=""> <div class="widget_1668149948924-logo-5 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=139&amp;height=49&amp;name=Logo-5.png" alt="Logo-5" loading="lazy" width="139" height="49" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=70&amp;height=25&amp;name=Logo-5.png 70w, https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=139&amp;height=49&amp;name=Logo-5.png 139w, https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=209&amp;height=74&amp;name=Logo-5.png 209w, https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=278&amp;height=98&amp;name=Logo-5.png 278w, https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=348&amp;height=123&amp;name=Logo-5.png 348w, https://www.adalystic.com/hs-fs/hubfs/Logo-5.png?width=417&amp;height=147&amp;name=Logo-5.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> <div class=""> <div class="widget_1668149948924-logo-6 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=139&amp;height=16&amp;name=Logo-6.png" alt="Logo-6" loading="lazy" width="139" height="16" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=70&amp;height=8&amp;name=Logo-6.png 70w, https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=139&amp;height=16&amp;name=Logo-6.png 139w, https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=209&amp;height=24&amp;name=Logo-6.png 209w, https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=278&amp;height=32&amp;name=Logo-6.png 278w, https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=348&amp;height=40&amp;name=Logo-6.png 348w, https://www.adalystic.com/hs-fs/hubfs/Logo-6.png?width=417&amp;height=48&amp;name=Logo-6.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> <div class=""> <div class="widget_1668149948924-logo-7 logo-block"> <img src="https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=139&amp;height=71&amp;name=Neurovine_SecondaryLogo_Colored_copy.png" alt="Neurovine_SecondaryLogo_Colored_copy" loading="lazy" width="139" height="71" style="max-width: 100%; height: auto;" srcset="https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=70&amp;height=36&amp;name=Neurovine_SecondaryLogo_Colored_copy.png 70w, https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=139&amp;height=71&amp;name=Neurovine_SecondaryLogo_Colored_copy.png 139w, https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=209&amp;height=107&amp;name=Neurovine_SecondaryLogo_Colored_copy.png 209w, https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=278&amp;height=142&amp;name=Neurovine_SecondaryLogo_Colored_copy.png 278w, https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=348&amp;height=178&amp;name=Neurovine_SecondaryLogo_Colored_copy.png 348w, https://www.adalystic.com/hs-fs/hubfs/Neurovine_SecondaryLogo_Colored_copy.png?width=417&amp;height=213&amp;name=Neurovine_SecondaryLogo_Colored_copy.png 417w" sizes="(max-width: 139px) 100vw, 139px"> </div> </div> </div> </div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script> $(".client-logo-img-slider-section .logo-img-slider").slick({ speed: 5000, draggable: false, dots: false, arrows: false, autoplay: true, autoplaySpeed: 0, cssEase: 'linear', slidesToShow: 6, slidesToScroll: 1, infinite: true, swipeToSlide: false, centerMode: false, swipe: false, pauseOnHover:false, responsive: [ { breakpoint: 1300, settings: { slidesToShow: 4, } }, { breakpoint: 880, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 480, settings: { slidesToShow: 1, } } ] }); </script>

Add this to Design > Custom CSS /* Services page - disable animation */ body#collection-63d8238b155d5d4716d57083 article * { transform: unset !important; opacity: 1 !important; transition: unset !important; }

It looks like you solved with this CSS code? @media screen and (min-width: 768px) { .fe-block-b1a8149dfbdfbf504cc5 { position:sticky; top: 0px; position: -webkit-sticky } }

Add to Design > Custom CSS /* animation text cut off */ .fadeIn span { overflow: visible !important; }

Thank you. Can you arrow arrows? (We will give code to make arrows invisible then) Enable arrows, we can use script code to make it click arrows automatically

Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".eventitem-pager-date").html(function() { return $(this).html().replace("Earlier", "Previous"); }); $(".eventitem-pager-date").html(function() { return $(this).html().replace("Later", "Next"); }); }); </script> <style> .eventitem-pager { margin-top: 0px; } </style>

Add to Design > Custom CSS p { font-family: "Open Sans","Proxima Nova","Helvetica",arial,sans-serif !important; }

Th@disR@d What is your site url? We can check easier

Hi, You want text appear under image or?