-
Posts
65,399 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Unhiding logo/site title when scrolling down on homepage
tuanphan replied to jjk291's topic in Customize with code
Change to this code .homepage header#header:not(.shrink) a#site-title { opacity: 0; transition: all 0.3s ease; } a#site-title { transition: all 0.3s ease; } -
Adding scroll animations for gallery page images
tuanphan replied to jjk291's topic in Customize with code
You mean Images under Jason Kim text on Homepage? Add to Design > Custom CSS a.grid-item { transition: all 0.3s ease; transform: translateY(0); } a.grid-item:hover { transition: all 0.3s ease; transform: translateY(-30px); } -
Linkedin links not working on mobile only
tuanphan replied to cinstudio's topic in Customize with code
Hi, I wrote that code. Can you share link to page where you added the code? We can check easier- 1 reply
-
- code
- custom-css
-
(and 2 more)
Tagged with:
-
Code for Vertical Timeline on 7.1 (Solved)
tuanphan replied to deedee2344's topic in Customize with code
Depend on position. Above Date, under text or? -
Hi, This possible to move out button. If you share link to your site, we can help easier
-
Customise site header border - gradient
tuanphan replied to Ems-H's topic in Fonts, colors and images
Hi, What is your site url? We can check easier -
-
Instagram page and making a block with that
tuanphan replied to osekievit's topic in Feedback on Your Site
Which page you want to add second instagram? -
Video resize in header when converting to mobile view
tuanphan replied to danirvin27's topic in Mobile
Try this new code @media screen and (max-width:640px) { body.homepage .Parallax-item:first-child figure { transform: unset !important; top: 0 !important; bottom: 0 !important; } body.homepage .Parallax-item:first-child iframe { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section#videoss23 { min-height: unset !important; height: 250px; } body.homepage .Parallax-item:first-child { height: 200px !Important; } }- 45 replies
-
-
I think we can add Slideshow, enable arrows, then we will use code to make arrows cover slideshow (and use code to hide arrows then)
-
Ideal here is hover on each item >> replace current image with a gif or video (with code) If you have 19 items, we will need 19 code If you still want to do this, let me know, we can give the code
-
Try adding to Design > Custom CSS div#block-yui_3_17_2_1_1680770527734_7512>div>div { overflow: hidden; } div#block-yui_3_17_2_1_1680770527734_7512>div>div iframe { left: 1px !important; }
-
-
Videos & Images The Exact Height of Sections - Clean Up Gaps?
tuanphan replied to Izabellabuzogany's topic in Images & Videos
With Campaign 360 section, try adding this to Design > Custom CSS .fe-642aee39d8daa5103bf5a3fd { row-gap: 0 !important; } -
Add to Design > Custom CSS. Replace Pixabay image with your image url /* video desktop image mobile */ @media screen and (max-width:767px) { [data-section-id="633dc6e18d713b57d3e2ee1b"] .section-background>div { opacity: 0; } [data-section-id="633dc6e18d713b57d3e2ee1b"] .section-background { background-image: url(https://cdn.pixabay.com/photo/2023/03/18/16/26/ha-giang-7860907_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } }
-
You can consider adding 2 slideshows, then share site url, we can give code to show 1 on desktop, show another on mobile
-
Adding Black Border around images on my Shop page
tuanphan replied to sjkwon's topic in Images & Videos
Use this new code /* Shop image border */ .products.collection-content-wrapper .grid-item figure { border: 3px solid black; } /* homepage */ body.homepage a.grid-item { border: 3px solid black; } /* products */ div.ProductItem-gallery-slides { border: 3px solid black; } -
Add this to Settings > Advanced > Code Injection > Footer This code will get ALT from Image & add ALT text under image <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(function(){ $('.gallery-item img[style]').each(function(){ $el = $(this); var style = $el.attr('style'); $el.attr('style',''); $el.parent().attr('style',style); }); //Moves the inline styles $(".gallery-item img").each(function(){ var title = this.alt; $('<div class="t-caption">'+ title +'</div>').insertAfter($(this).parent()); }); }); </script> <style> #project .gallery .gallery-item { margin-bottom: 10px; } </style>
-
Hi, Can you share link to page? We can check easier
-
What is your site url?