How to use this plugin ?

  • ResolvedPlugin Author Maxime Jobin

    (@maximejobin)


    4 years, 3 months ago

    First, thank you for trying the plugin!

    After you activated the plugin, you must create a menu and assign the different sizes using CSS classes.

    This small video shows you exactly how it can be done in less than 3 minutes!

    VIDEO : Accessibility Font Resizer tutorial

    Note that you can change the default size by editing the settings found in Settings > Font Resizer.

    Enjoy!

    • This topic was modified 4 years, 3 months ago by Maxime Jobin.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Maxime Jobin

    (@maximejobin)

    If you want to create links by yourself, a user reported this code would help :

    <span class="afr-normal">Normal</span>
<span class="afr-large">Large</span>
<span class="afr-xlarge">X-Large</span>
    Plugin Author Maxime Jobin

    (@maximejobin)

    Here is more information about the code submitted by the user :

    #textresizer {float:right;}
.textresize1 {font-size:20px; cursor:pointer;margin:2px;}
.textresize2 {font-size:25px; cursor:pointer;margin:2px;font-weight: 600;}
.textresize3 {font-size:33px; cursor:pointer;margin:2px;font-weight: 600;}

    This can be used with the following HTML code :

    <div id="textresizer">
  <span class="afr-normal textresize1">A</span>
  <span class="afr-large textresize2">A</span>
  <span class="afr-xlarge textresize3">A</span>
</div>

    There you go!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to use this plugin ?’ is closed to new replies.