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: 88
Joined: Wed Jan 11, 2012 8:10 pm

Photo Gallery overlay block

Post by fochardo » Sat May 12, 2018 5:59 pm

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: 13941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Photo Gallery overlay block

Post by Pablo » Sat May 12, 2018 6:09 pm

To which specific feature are you referring?

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Photo Gallery overlay block

Post by fochardo » Sat May 12, 2018 9:17 pm

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: 13941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Photo Gallery overlay block

Post by Pablo » Sat May 12, 2018 9:24 pm

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

Note that this is not specific to WWB.

fochardo
 
 
Posts: 88
Joined: Wed Jan 11, 2012 8:10 pm

Re: Photo Gallery overlay block

Post by fochardo » Sun May 13, 2018 7:15 am

I'm going to see .. thanks

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests