-
Posts
68,938 -
Joined
-
Last visited
-
Days Won
558
tuanphan last won the day on September 7
tuanphan had the most liked content!
Personal Information
- Website
-
Location
Vietnam
tuanphan's Achievements
-
laz-i reacted to a post in a topic: Changing footer background color on specific pages
-
MarieRapin reacted to a post in a topic: Resize Video Block Ratio for Mobile View
-
jjohansson reacted to a post in a topic: How to disable video background in mobile view
-
jjohansson reacted to a post in a topic: How to disable video background in mobile view
-
You can use this to Website Tools > Custom CSS div.form-block select option { color: #000 !important; }
-
MarkEinkel reacted to a post in a topic: Prevent images from resizing on mobile
-
tuanphan reacted to a post in a topic: [Share] How to find Shop Page Header Injection
-
abc reacted to a post in a topic: Hyperlink in Accordion Title
-
You can try Universal Filter Plugin + Advanced Map Block Plugin Advanced Map Block can show Map like as your screenshot. Filter Plugin will create dropdown filters
-
Custom CSS not working...hasn't for a long time
tuanphan replied to Boostew's topic in Customize with code
-
Replacing Pagination Titles on Portfolio Pages
tuanphan replied to Moonside's topic in Customize with code
You can use this CSS code @media screen and (max-width:767px) { h2.item-pagination-title { display: flex; align-items: center; } h2.item-pagination-title:before, h2.item-pagination-title:after { white-space: nowrap; } } -
Can you share link to a blog post? We can use script code to remove it
-
You can use this to Website Tools > Custom CSS then save & reload the site @media screen and (max-width:767px) { body.homepage .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; } section#mamabou { height: 200px !important; } }
-
-
abc reacted to a post in a topic: [Share] Accordion Block: Useful code
-
Try this to Custom CSS box @media screen and (min-width:992px) { .header-display-mobile { display: block !important; position: absolute; right: 10vw; z-index: 99999999; max-width: 200px; } .header-dislay-mobile .header-actions.header-actions--right { display: none !important; } .header-display-desktop .header-actions.header-actions--right, .header-display-desktop div#multilingual-language-picker-desktop { display: flex !important; } .header-display-mobile .header-title-nav-wrapper, .header-display-mobile .header-burger { display: none; } }
-
Custom Font using CSS not mobile adaptive
tuanphan replied to HoundHouse's topic in Fonts, colors and images
Hi, I see your screenshots, text "Welcome..." look same & fine. -
Image Block Hover Overlay Fluid Engine
tuanphan replied to ILB_Rivendell's topic in Customize with code
Can you share link to page where you use gallery? You can also try this code first to Website Tools > Custom CSS figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.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-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #f4f6ea; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }- 16 replies
-
- css
- fluid engine
-
(and 2 more)
Tagged with:
-
See this new guide on 7.1 version
-
You can use this code to Website Tools > Code Injection > Footer @media screen and (max-width:767px) { .fe-66c40cc88117c94a41e01218 { grid-template-rows: repeat(100,minmax(24px, auto)) !important; } }
-
You want to do this on a standard page or which page?
-
Adding space between images in reel on mobile
tuanphan replied to leguido's topic in Customize with code
You can adjust number 20 in the code to adjust height- 3 replies
-
- custom-css
- mobile
-
(and 3 more)
Tagged with: