Is there a way to work resize fonts with widgets on mobile.

Thanks.

Great Plugin – One Problem: If the user reset the font to its original value, the entry in the DOM should be removed again?
I have the case that the font-size of the normal text is reset to the correct initial value, but not the links. Only after a reload in the browser will the links be corrected again. Or is there a another solution?

• This topic was modified 8 months ago by volker0101.

Hi there, I use this plugin and is very useful.
In latest version 1.0.13 I see one new feature to use dashicons as icons but those dashicons are not loaded by default on frontend for non logged-in users, I managed to load by simple PHP but I think you can implement that in plugin, below is the code that worked.
Best Regards:

function ww_load_dashicons(){
    wp_enqueue_style('dashicons');
}
add_action('wp_enqueue_scripts', 'ww_load_dashicons');

Love your plugin! Thank you so much!

I have a reviews widget that isn’t responding to the font size increase (just wrapped in a div) and some forms. When I select the div as one of the elements to be resized, funny stuff happens elsewhere. It would be nice if we could add a specific class(es) to the list of elements. Is that being considered for a future release?

Hi again,

I still love this plugin. It was super easy to fix table handling (solution below). ??

I noticed that it created strange behaviour with tables (huge sizes, no reset possible). This was because I activated the <div> element for resizing, because there was no other way to resize tables.

As a solution I was able to simply add
, 'td' => false, 'th' => false
to WPAVE_FONT_RESIZER_ELEMENTS in the file /wp-content/plugins/easy-font-resize/wpave-font-resizer.php in line 20.

Now I can enable table cells (td, th) in the admin settings and it works great. I had to disable div, but otherwise couldn’t find issues.

Maybe you can add this in a future update.

Regards,
Sara

• This topic was modified 2 years, 7 months ago by Sara Die Webmacherin.

Hi Alex,

Thanks again for the great plugin.

I have a feature request for the instruction text. Would it be possible to alternatively have an icon instead of the instruction text and the instruction text in a tooltip (similar to the other buttons).

I have implemented this in a slightly hacky way in one of my projects by not filling in the instruction text, but leaving it active and adding an icon with CSS.

And another suggestion for the visibility: I have added an almost unnoticeable box/text-shadow to all elements. You can’t really see it on other colors, but if the font resizer buttons and the background are the same color, you have a border around the font resizer buttons.

I guess for it to work in all possible situations you could add an option to add a black or white box/text-shadow.

Regards,
Sara

Thank you for a great plugin!

It does exactly what I need.
However, there is one issue I faced.

The thing is, I only need it to work on a specific page with an article.
Here is a test page with plugin implemented:
https://vl-sciencefiction.space/science-fiction-story-1/

This is a page with a story and I wanted to improve usability by letting users choose the font size. It works. However, if a user increases the font size and then goes to some other page, the font is increased there too, which is not expected there.
Please refer to this video:
https://www.screenpresso.com/=Z13se

I can see different alternatives on how to fix that:

1. In admin area, create a setting that switches ON/OFF cookie logic
2. In admin area, create a field to set a specific CSS class or ID, for which the widget will be forking
3. In admin area, allow users to activate widget for particular page(s) alone
4. By default, put the plugin script only to those pages that do have short-code (might be the best approach, since other pages won’t have unused JS any longer)

If possible, could you please implement any of these above, or suggest another solution?

Many, many thanks!

Dear Sir/Madam,

We are using Easy Font Resize plugin. Due to website accessibility, we would like to enable the viewers to use keyboard tab to click the A A A buttons. However, the Easy Font Resize doesn’t response to the keyboard tab, when I pressed “tab”, our website skipped all the three AAA buttons and goes straight to the other buttons.

We have the following CSS code:

:root {
–focus-black: #383838;
}

:focus-visible {
outline: 2px solid var(–focus-black) !important;
}

a:focus-visible {
outline: 2px solid var(–focus-black) !important;
}

button:focus-visible {
outline: 2px solid var(–focus-black) !important;
}

Please kindly advise how we could use keyboard tab with Easy Font Resize.

Thanks & regards,
KF

How can I make the fonts to be larger more than the current limit?

Hello,

Is this plugin compatible with the elementor?

I’m running some tests and it’s not working.

In my copy of the plugin, I made the change so it’s not an issue for me at all, however may I suggest the following:

The way the colors are set up, when you go form a light colored theme to a dark one, or the icons are over a dark section (or footer), or on a light colored section depending which color scheme you are using, you are going to encounter some visual issues:

What I did was I changed the light color scheme from #dddddd to #999999. I could probably get away with #888 too, or something close to that. By changing the color to #999999 the icons are now visible almost in all situations, both in lighter (white) background, or dark (black) background. As a result I don’t have to worry about changing the color scheme from the plugin settings page anymore, and when changing themes with completely different background colors.

Just a suggestion…