sandywp / plugins / remove-uppercase-accents

Remove Uppercase Accents

5.0 out of 5 stars. 5.0 28 reviews

Automatically removes accented characters from text content uppercase transformed through CSS.

Launch a sandbox with this plugin → No signup.
Ready in seconds.

v1.1.1 8,000+ installs WP 3.0+

your-sandbox.sandywp.com/wp-admin
Remove Uppercase Accents running inside a SandyWP sandbox

What you get inside

4 screens
  • Greek text without the plugin

  • Greek text after activating the plugin

  • JavaScript mode options on the plugin's control panel

  • PHP mode options

About this plugin

Remove Uppercase Accents is a WordPress plugin that automatically removes accented characters (currently greek) from elements having their text content uppercase transformed through CSS ( with { text-transform: uppercase; } ). Currently the script transforms only greek text, but it can be easily extended to support other languages.

Why you would need this: For example, in greek there are accent marks that denote in which syllable you put the stress on when pronouncing a word. However, when words are written in all UPPERCASE, those accent marks are removed. This rule is not followed by the aforementioned CSS rules, as they just use the corresponding uppercase unicode character.

Features

  • Automatically removes accented characters from text content uppercase transformed through CSS.

Questions

Why would I need this plugin?

For example, in greek there are accent marks that denote in which syllable you put the stress on when pronouncing a word. However, when words are written in all UPPERCASE, those accent marks are removed. This rule is not followed by the aforementioned CSS rules on some browsers, as they just use the corresponding uppercase unicode character.

I use “text-transform:uppercase” in greek text but I don’t see any accents

If you use Firefox or a Chromium-based browser like Chrome, the new Edge, Opera etc., and you have set the site language to Greek, accents should be handled correctly. The problem appears on Safari and on older browsers like the Internet Explorer and everywhere if you have a site with mixed content and you don’t want to set Greek as the site’s language.

I use Firefox/Chrome/the new Edge but the problem appears there too.

Then your site’s language isn’t set to Greek. If your content is in Greek, you should set it.

How does the “Exclude” option works on JavaScript mode?

When you have JavaScript mode set and the Exclude option enabled, the script will scan the styles of the page and build a list of the selectors containing text-transform:uppercase;. Then, this list gets compared with the selectors that you manually entered, and if there are matches, they get removed from the initial list.

Therefore, in order for the Exclude option to work, you have to pass your selectors exactly as they appear on your CSS, for the matching to be successful (you can use your browser’s developer tools to do so).

Include, on the other hand, will use your selectors as is and will skip entirely the page scanning, which allows you to use any selector you like.

5.0

28 reviews

  • 5 ★ 28
  • 4 ★ 0
  • 3 ★ 0
  • 2 ★ 0
  • 1 ★ 0

Ratings come from WordPress.org. SandyWP does not collect its own reviews.

sandywp / also on the shelf

Try another plugin

Spin up a real WordPress site in seconds.

Test plugins, build a demo, hand a client a link — then squash it and start again. No local setup, no Docker.