Change hover icon on portfolio item - Support | Kriesi.at

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
March 21, 2016 at 8:12 pm #601481

Groeier!
Participant

Hello,

I’m trying to change the hover icon by a portfolio grid.

I’ve used this code:

add_filter(‘avf_default_icons’,’avia_replace_standard_icon’, 10, 1);

function avia_replace_standard_icon($icons)
{
$icons[‘portfolio’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue85f’);
return $icons;
}

But nothing happens. Please take a look at this page: this is where the portfolio grid is placed: http://koster.groeier.nl/

Greets Jeen

March 21, 2016 at 9:53 pm #601522

Yigit
Keymaster

Hey Groeier!!

Please go to Enfold theme options > Advanced Styling and edit Image overlay

Regards,
Yigit

March 21, 2016 at 10:06 pm #601530

Groeier!
Participant

Hello Yigit,

I mean how I can change the icon itself. So the picture of the icon.
I believe I only can change the colors with your example.

Greets Jeen

March 21, 2016 at 10:31 pm #601547

Yigit
Keymaster

Hi!

Do you mind creating a temporary admin login and posting it here privately?

Cheers!
Yigit

March 21, 2016 at 10:33 pm #601549

Groeier!
Participant

No off course not!

Greets Jeen

March 25, 2016 at 8:55 am #603592
Ismael
Moderator
Hey!

Change the icon with this in the Quick CSS field:
```
.image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: '\1F4DE';
    font-family: 'entypo-fontello';
}
```
Adjust the content value. Character map is located here: http://web.archive.org/web/20140912210715/http://entypo.com/characters/

Regards,
Ismael
April 5, 2016 at 8:46 pm #608512

Groeier!
Participant

Hello Ismael,

I’ve tried this but no luck. When I hover the code of the icon is visible in the picture:

http://nl.tinypic.com/r/mv23qx/9

Greets Jeen

April 8, 2016 at 5:32 am #610002

Ismael
Moderator

Hi!

The “ue800” is not a valid icon. You have to get the icon code in the character map: http://web.archive.org/web/20140912210715/http://entypo.com/characters/

Note that you can’t use custom icon for this one.

Best regards,
Ismael

April 9, 2016 at 10:49 am #610548

Groeier!
Participant

Hello Ismael,

That’s the reason, i’m trying to put in my own icon from a custom iconset.

Is there another possibility to have an own hover-icon at the portfolio items?

Greets Jeen

April 9, 2016 at 12:37 pm #610562

Ismael
Moderator

Hi!

Please add the custom icon in a temporary page. We’ll see if we can extract the actual icon or the data-av_icon attribute value.

Regards,
Ismael

April 9, 2016 at 1:22 pm #610582

Groeier!
Participant

Hello Ismael,

Thanks for the quick response.
Here is the page:

testjeen

Greets Jeen

April 9, 2016 at 1:47 pm #610586
Ismael
Moderator
Hey!

Thank you for the update. We extract the data-av_icon value but it’s not rendering the actual icon. Can you create an image out of this icon? Use this css code afterwards:
```
.image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: url('_ICON_IMAGE_URL_HERE_');
    font-family: 'entypo-fontello';
}
```
Cheers!
Ismael
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.