Photo Gallery overlay block

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.
Post Reply
fochardo
 
 
Posts: 15
Joined: Wed Jan 11, 2012 8:10 pm

Photo Gallery overlay block

Post by fochardo »

Knows someone how to change the + sign by a magnifying glass in the custom code?. I tried to insert from fonts that have symbols by copy and paste trough an word processor and nothing happens. only see a square.
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo Gallery overlay block

Post by Pablo »

To which specific feature are you referring?
fochardo
 
 
Posts: 15
Joined: Wed Jan 11, 2012 8:10 pm

Re: Photo Gallery overlay block

Post by fochardo »

In the Photo Gallery Overlay block have an custom code:

<style>
#gallery a
{
text-decoration: none;
}
#gallery a:hover::before
{
background: rgba(0,0,0,.7);
border-radius: 50%;
color: #FFFFFF;
content: "🔍";
font-family: Arial;
font-size: 32px;
font-weight: 100;
height: 50px;
left: 50%;
line-height: 50px;
margin-left: -25px;
position: absolute;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 50px;
z-index: 1;
}
#gallery a:hover img
{
opacity: 0.6;
}
</style>

You will see that I replace the content: "+" by a magnifying glass using a word processor, copy and paste. Not all font characters work, what I'm looking for is how to add a simpler magnifier without colors.
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo Gallery overlay block

Post by Pablo »

Maybe this will work?
https://www.fileformat.info/info/unicod ... /index.htm

Note that this is not specific to WWB.
fochardo
 
 
Posts: 15
Joined: Wed Jan 11, 2012 8:10 pm

Re: Photo Gallery overlay block

Post by fochardo »

I'm going to see .. thanks
Post Reply