Hi,
I have yet another custom css code request if you don’t mind.
Can you formulate the css code to apply the glassmorphism (GM) effect b/g to the tasks below:
Glassmorphism code snippet
background: rgba(255, 255, 255, 0.2);
Page #1 link
1.1 Apply the GM effect to the Share B/G, Gallery B/G & Vid B/G icons during onmouseout .
1.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Page #2 link
2.1 Apply the GM effect to the Gallery B/G & Vid B/G icons during onmouseout .
2.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Page #3 link
3.1 Apply the GM effect to the Gallery B/G & Vid B/G icons during onmouseout .
3.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
P.S: If you don’t work weekends, that’s fine, you can look at it on Monday.
Thanks in Advance.
PaulOB
January 31, 2026, 3:03pm
2
The following code will change those icons everywhere which seems to be what you want.
.lestin-post-share.style-2 .share-content,
.lestin-post-share.style-3 .share-content,
.btn-control-share,
.gva-listing-gallery .lt-media a.lt-gallery:not(:hover),
.gva-listing-gallery .lt-media a.lt-video:not(:hover){
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.1);
color:white;/* change color here if needed */
}
.lestin-post-share.style-2 .share-content:after,
.lestin-post-share.style-3 .share-content:after{
backdrop-filter: blur(5px);
border-top-color: rgba(255, 255, 255, 0.2);
}
There’s a limit as to what can be achieved as the arrow on the share popup is designed to overlay white on white and not transparent on transparent.
(I also note you have some z-index issues on the video and gallery icons (you can’t click them) if the screen is half width and which can’t be resolved with css alone as the current stacking order precludes this.
