Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 18, 2015 at 3:29 am #397937
    judsonjones

    I’m trying to customize the image overlay for the portfolio grid and was looking at the code in portfolio.php and I saw

    $custom_overlay = apply_filters(‘avf_portfolio_custom_overlay’, “”, $entry);`

    Where are the definitions for “avf_portfolio_custom_overlay” filters etc? I did a search and couldn’t find them?
    Are they being defined using avia framework functions?

    Any help would be great – cheers.

    February 18, 2015 at 4:57 pm #398257
    Yigit

    Hey judsonjones!

    Yes, you can add following code to Functions.php file in Appearance > Editor

    add_filter('avf_portfolio_custom_overlay','new_custom_overlay');
function new_custom_overlay() {
$output = "custom text";
return $output; 
}

    It would add custom content, in this case “custom text” to portfolio items. You can add HTML codes and customize the overlay using CSS.

    Regards,
    Yigit

    February 18, 2015 at 5:02 pm #398266
    judsonjones

    Thanks Yigit,

    Perhaps it’s beyond the scope of this forum but I was interested in finding the function ‘avf_portfolio_custom_overlay’ to see what it did – and for the life of me I couldn’t find it despite performing searches across all the files & folders inside the theme folder.

    February 18, 2015 at 5:15 pm #398274
    Yigit

    Hey!

    Can you please elaborate on the changes you would like to make? Heavy customisation is definitely beyond the scope but we do not mind throwing in some custom codes :)

    Best regards,
    Yigit

    February 18, 2015 at 6:07 pm #398335
    judsonjones

    I’m interested in changing the roll-over effect for portfolio grid images. The default behavior puts a semi-transparent white div containing an arrow icon (with some CSS animation I assume). I want to know what the best practice approach for customizing that is.

    Thanks

    February 18, 2015 at 6:20 pm #398349
    Yigit

    Hi!

    That depends. Please post a screenshot and show the changes you would like to make.

    If you would like to change the icon to another fontello icon, please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
    And if you would like to use an image, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
background-image: url(//kriesi.at/wp-content/themes/kriesi/images/logo.png);
content: '';
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
}

    Best regards,
    Yigit

    February 18, 2015 at 7:02 pm #398389
    judsonjones

    Actually that’s really useful – thanks so much!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘File location / definitions of template filters’ is closed to new replies.