-
Posts
63,866 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
First, add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('figure[class*="gallery-"] video').closest('figure').addClass('hide-image'); }); </script> Next, this code to Website Tools > Custom CSS /* hide gallery section images */ .hide-image [class*="-item-wrapper"] { display: none !important; } Edit Gallery Section > Edit each image > Paste the code similar this (replace example mp4 with new video url) <video width="100%" height="240" controls> <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4"> </video> these code will replace image with video, so the result
- 51 replies
-
Your code (line 3 - line 5) affects Cart Page only What is site url?
-
How to make a different gallery size on mobile and desktop view
tuanphan replied to gadzoe's topic in Images & Videos
If you share link to page where you have problem, we can check easier- 13 replies
-
How to disable site-wide animation on one (Portfolio) page only
tuanphan replied to aleclloyd's topic in Customize with code
Try this body#collection-657791290079e95e3a217954 article * { transition-delay: unset !important; transition: unset !important; }- 18 replies
-
- portfolio
- page-specific
-
(and 3 more)
Tagged with:
-
It looks fine to me. You can keep the code, I can check easier To add line between categories, add this code to Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('<span class="breadcrumb-separator" aria-hidden="true">|</span>').insertAfter('li.category-item a'); }) </script> <style> @media screen and (min-width:768px) { li.category-item .breadcrumb-separator { display: none !important; } } @media screen and (max-width:767px) { li.category-item { display: flex; align-items: center; } a.category-link { padding-right: 10px !important; } } </style>
- 12 replies
-
Text formatting within an accordion block?
tuanphan replied to Chinese Viking's topic in Customize with code
-
Header/navigation transparent on top of full bleed slideshow
tuanphan replied to olali's topic in Customize with code
-
#1. No way to get login box to a fullpage, you can consider changing popup to fullscreen...we can give the code #2. Change this code <style> .header-display-desktop span.unauth { font-size: 0 } .header-display-desktop span.unauth:before { content: "\e7fd"; font-family: 'Material Symbols Outlined'; font-size: 30px; position: relative; left: -2px; top: 10px } </style> to this code <style> .header-display-desktop span.unauth, .header-display-desktop span.auth { font-size: 0 } .header-display-desktop span.unauth:before, .header-display-desktop span.auth:before { content: "\e7fd"; font-family: 'Material Symbols Outlined'; font-size: 30px; position: relative; left: -2px; top: 10px } </style>
-
Footer is thrown below Code Block and not on site in Edit
tuanphan replied to GrIdL0cK's topic in Code Blocks
Can you post the code here & share link to your site? -
Add this code under /* For desktop */ @media screen and (min-width:768px) { figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { font-size: 40px !important; color: #f1f !important; } } /* For mobile */ @media screen and (max-width:767px) { figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { font-size: 10px !important; color: white !important; } }
- 3 replies
-
- gallery-block
- caption
-
(and 3 more)
Tagged with:
-
-
Changing the background overlay on one section on mobile only
tuanphan replied to BrownKatUK's topic in Customize with code
@benkl use this CSS @media (max-width: 959px) { .vc_row[id="344"] .row-parent { background-color: rgba(0,0,0,0.9) !important; } }- 7 replies
-
- mobile
- background
-
(and 1 more)
Tagged with:
-
7.1 / Product Page / Variant Buttons / Full Width
tuanphan replied to TheLiqueurist's topic in Customize with code
Product url doesn't work. Can you check it again? -
Height of swipe arrows on customers review carrousel
tuanphan replied to leyogascope's topic in Customize with code
You can add this to Website Tools (under Not Linked) > Custom CSS .user-items-list-item-container[data-section-id="6582d8ff86c8db2c2e5e0949"] .user-items-list-carousel__arrow-icon-holder { align-items: flex-start !important; } -
Changing Text size within Navigation Button
tuanphan replied to Efestoone's topic in Customize with code
You can edit page (any pages) > Click Site Styles icon on top right of screen > Fonts Then click on Button on Left Side > Right Side will show correct box where you can change button text size or if you want to use custom code, add this code to Website Tools (under Not Linked) > Custom CSS a.btn { font-size: 10px !important; } -
floating card /. background section within blog post
tuanphan replied to Priscillia's topic in Customize with code
password1234 Can you check password? It is incorrect -
You can do 2 sections in Footer, then use some code like this to hide 1 on desktop, hide 1 on mobile /* hide section 1 on desktop */ @media screen and (min-width:768px) { footer.sections section:nth-child(1) { display: none !important; } } /* hide section 2 on mobile */ @media screen and (max-width:767px) { footer.sections section:nth-child(2) { display: none !important; } }
-
Flatiron - Project Meta width on only specific pages
tuanphan replied to Porkue's topic in Code Blocks
- 3 replies
-
- code-injection
- style
-
(and 1 more)
Tagged with:
-
Add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-display-desktop .header-actions--left').insertBefore('.header-actions--right .header-actions-action'); }) </script> <style> .header-display-desktop .header-actions--left { flex: unset !important; max-width: unset !important; } .header-actions--right .showOnDesktop { display: flex; align-items: center; } </style>
-
how do I remove overlay on background slider with gradient header?
tuanphan replied to torrey's topic in Images & Videos
Hi, What is site url?