[Tut] How to Increase the Font Size on the WordPress Plugin Enlighter?

[xSicKxBot]

How to Increase the Font Size on the WordPress Plugin Enlighter?

Do you use the awesome WordPress plugin “Enlighter” to embed code in your WordPress site like this?

Code:

print('hello world!')

If you’re like me, you want to be able to customize the style (such as font size) globally—not locally for each individual code snippet.

Problem: How to increase the font size of the Enlighter WordPress plugin?

To increase the font size globally, you need to complete the following steps:

• Open your WordPress editor.
  
  
• Go to
  Code:

  Appearance > Customize > CSS
  in your WordPress editor.
  
  
• Copy the following snippet into your CSS file:
  

Code:

.enlighter-t-bootstrap4 .enlighter span{ font-size: 16px; }

Note that you can change the font-size to 15px, 17px, or even 20px—as you like! Also note that if you use another theme/style for your embedded code than

Code:

bootstrap4

, you need to set the CSS selector accordingly.

For example:

Code:

.enlighter-t-wpcustom .enlighter span{ font-size: 20px; }

This would change the font size of all Enlighter code environments that use the custom theme.

Here’s how this may look in practice:



Ah, yes—if you want to learn Python, don’t forget to download our free cheat sheets:

The post How to Increase the Font Size on the WordPress Plugin Enlighter? first appeared on Finxter.