tuanphan

Try adding to Code Injection > Footer <div class="cursor"> <div class="cursor__ball cursor__ball--big "> <svg height="30" width="30"> <circle cx="15" cy="15" r="12" stroke-width="0"></circle> </svg> </div> <div class="cursor__ball cursor__ball--small"> <svg height="10" width="10"> <circle cx="5" cy="5" r="4" stroke-width="0"></circle> </svg> </div> </div> <style> body .cursor { pointer-events: none; } body .cursor__ball { position: fixed; top: 0; left: 0; mix-blend-mode: difference; z-index: 1000; } body .cursor__ball circle { fill: #f7f8fa; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script> <script> const $bigBall = document.querySelector(".cursor__ball--big"); const $smallBall = document.querySelector(".cursor__ball--small"); const $hoverables = document.querySelectorAll(".hoverable"); // Listeners document.body.addEventListener("mousemove", onMouseMove); for (let i = 0; i < $hoverables.length; i++) {if (window.CP.shouldStopExecution(0)) break; $hoverables[i].addEventListener("mouseenter", onMouseHover); $hoverables[i].addEventListener("mouseleave", onMouseHoverOut); } // Move the cursor window.CP.exitedLoop(0);function onMouseMove(e) { TweenMax.to($bigBall, 0.4, { x: e.pageX - 15, y: e.pageY - 15 }); TweenMax.to($smallBall, 0.1, { x: e.pageX - 5, y: e.pageY - 7 }); } // Hover an element function onMouseHover() { TweenMax.to($bigBall, 0.3, { scale: 4 }); } function onMouseHoverOut() { TweenMax.to($bigBall, 0.3, { scale: 1 }); } </script>

Can you share link to product? We can check easier

Add to Design > Custom CSS /* month */ .fe-6417a4b9924fe8b418fcef4e h1:after { content: "/month"; font-size: 15px; }

Hi, Can you share link to this product? We can check easier

You can add slideshow gallery, then share link to page, we can give code to resize it on mobile, to make same as on desktop

Hi, Did you solve?

Did you solve or still need help?

Add this code under div.burger-inner { position: fixed; top: 0; right: 0; z-index: 99999; left: unset; } .burger-inner:after { background-position: right !important; margin-right: 0 !important; margin-left: auto !important; }

Which summary are you referring to? Homepage looks fine

Hi, What is site url?

The url doesn't work. Can you check it again?

Try this new code div#block-yui_3_17_2_1_1680602460829_8673 .summary-item-list * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; }

It looks like you figured it out? It shows fine to me

Ah yes, we can add code to make text/overlay always appear

Hi, Can you share link to shop page & which section are you referring to?

Add to Design > Custom CSS body.homepage .gallery-fullscreen-slideshow-list:after { content: ""; background-image: url(https://content.invisioncic.com/p289038/monthly_2023_03/q25logo-removebg-preview.png.e677dab68841dca73c318bc3bcf5df03.png); background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 250px !important; height: 250px !important; }

Try adding this code under .user-items-list-item-container[data-section-id="64206f28e6cce449d506a051"] li:hover img { object-fit: contain !important; height: auto !important; min-height: unset !important; width: 90% !important; }

This is possible. I used to dealt with a same case (require a lot of code) I think "scroll to section" will be easier

Add to Design > Custom CSS figure.gallery-strips-item { transition: all .3s ease; position: relative; top: 0; } figure.gallery-strips-item:hover { transition: all .3s ease; top: -30px; }

#1. Add to Design > Custom CSS /* space between text - underline */ .header-menu-nav-item-content { line-height: 25px !important; } #2. It looks fine to me #3. Add to Design > Custom CSS body.header--menu-open .burger { filter: invert(1); }

Add to Design > Custom CSS div.header-menu-nav-item-content { line-height: 25px !important; }

Hi, Can you share link to blog page or page where you added blog post? We can help easier

I guess we can use CSS pseudo to do this. If you share link to page where you added Elfsight widget, we can check easier

Change this class name .main-nav>ul>li:last-child a to this .main-nav:not(.mobileNav)>ul>li:last-child a

I think you can use CSS pseudo to add another button with lines If you share link to page where you added a button, we can check & give code to achieve this