Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 17, 2014 at 5:07 pm #224995
    pgps

    Hi,

    I’m trying to make enfold compatible with wcag 2.0 standard (for people with low vision problems), which does not allow to use empty links. Is it possible to change in the link of search icon

    69: $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'"></a></li>';

    the ></a></li> part bo be non-empty, e.g. by moving there somehow the icon part ‘.av_icon_string(‘search’).’?

    Best regards,
    Pawel

    • This topic was modified 11 years, 8 months ago by Yigit.
    February 19, 2014 at 9:15 am #226040
    Dude

    Hi pgps!

    Open up engold/functions-enfold.php and replace:

    
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'></a></li>';

    with

    
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>Search</a></li>';

    Best regards,
    Peter

    February 20, 2014 at 3:19 pm #226802
    pgps

    Unfortunately it isn’t that simple. In this case ‘search’ text will appear under the magnifier/search icon. I would like to have visible only icon there. I’ve found something like this:
    $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow">;</a></li>';

    in https://kriesi.at/support/topic/replace-toggle-icon-with-another-entypo-fontello-font-or-use-a-png/

    I cant figure out how to get magnifier icon not the character you can see here http://www.fileformat.info/info/unicode/char/e803/index.htm

    Regards,
    Pawel

    February 21, 2014 at 1:14 pm #227445
    Dude

    Hi!

    You can wrap the “Search” text into a span and hide it like:

    
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span style="display:none;">Search</span></a></li>';

    Best regards,
    Peter

    February 21, 2014 at 4:31 pm #227551
    pgps

    Awesome. Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘empty link of search icon in functions-enfold.php’ is closed to new replies.