Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1490917

    Hello Kriesi Team,

    I would like to replace the default Entypo Fontello SVG icons (Prev / Next arrows) used in the Easy Slider and Content Slider with my own SVG icons.

    A custom SVG icon set has already been imported successfully and is available within Enfold’s icon manager.
    A child theme is active and I can modify the functions.php file if needed.

    What is the recommended and update-safe way to override these navigation icons in the sliders?
    I could not find a suitable hook or filter for the slideshow elements.

    Thank you for your support and clarification.

    Best regards,
    Mischa Spörer

    #1490960

    you can find the defintions of standard icons on enfold/includes/config-enfold/init-base-data.php

    Easy Slider is on default using:

    'svg__next_big'  	=> array( 'font' => 'svg_entypo-fontello', 'icon' => 'right-open-big' ),
    'svg__prev_big'  	=> array( 'font' => 'svg_entypo-fontello', 'icon' => 'left-open-big' ),

    The Filter you can use to change these icons is: avf_default_icons

    you can use it like this in your child-theme functions.php:

    function avia_replace_default_icons($icons){
    // e.g.: changed by uploaded svg files - using the ID's and the font-name is svg_wp-media-library
    	$icons['svg__prev_big'] =  array( 'font' =>'svg_wp-media-library', 'icon' => '50913');
    	$icons['svg__next_big'] =  array( 'font' =>'svg_wp-media-library', 'icon' => '50591');     
    	return $icons;
    }
    add_filter('avf_default_icons','avia_replace_default_icons', 10, 1);
    


    but
    : What is the font-name of your uploaded icon-set

    you find that information on :

    now f.e. if you like to replace these standard icons by icons of the iconset : medical

    function avia_replace_default_icons($icons){
    	$icons['svg__prev_big'] =  array( 'font' =>'medical', 'icon' => 'uf101');
    	$icons['svg__next_big'] =  array( 'font' =>'medical', 'icon' => 'uf135');     
    	return $icons;
    }
    add_filter('avf_default_icons','avia_replace_default_icons', 10, 1);

    you can find those font icon codes f.e. on trying to place that icon you like to have and hover it :
    ( it is the value inside the brackets – without that backslash)

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.