Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab




Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist:
Download your exclusive 10-Point WP Hardening Checklist:

Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab

Changing WordPress Font-size is done in the theme options panel or with CSS. Once you know where to make the changes in your theme it is easy to do.

As with a lot of things in WordPress, where you do things depends on the theme you’re using and the plugins you’re running.

First, always check to see if your theme has theme options. If it does then you should be able to find a typography tab to edit font sizes. Sometimes font sizes will be found in the general settings of the theme options.

The theme options will be found either under the Appearance menu in the left hand side admin menu or there will be special menu item that the them itself added.

If your theme doesn’t have theme options, then you’re next stop should be the customizer.

Some themes have a lot of WordPress Customizer support. Go to Appearance then Customizer to see if you can edit font sizes there.

If both of those are a no-go then you’re left with going to directly to the stylesheet to change font sizes.

This is method is great if you have some CSS knowledge.

To find your stylesheet go to Appearance then Editor. The stylesheet will be the first thing to appear in the editor. If, for some reason, it’s not there, then find the style.css file in the list of theme files on the right and click it to open it in the editor.

NOTE: You should be edit stylesheet of a child theme only. If you edit the parent theme stylesheet directly then your edits could be overwritten when you update the them. Here’s a tutorial on how to create a child theme if you need it:

Now that you have the CSS stylesheet open in the editor you will need to find the font styles.

The easiest way to do this is go to your main site and find the fonts that you want to edit. If you’re using Google Chrome or Firefox right click on the text and choose the “inspector” or “inspect” from the context menu.

If you’re not using Google Chrome or Firefox then start using them.

In the inspector that opens at the bottom of the page you should see the text highlighted in the main area and the class of the element on the right.

You can type styles right into the element on the right hand side to quickly test to see how big you want the font to be.

This doesn’t save it permanently. What you see is only in your browser and as soon as you refresh the page you’ll lose it.

So, find the class for the text, find the right size and move that CSS rule in to the stylesheet for the child theme.

Sometimes you’ll have to fight with the existing CSS to make your font changes take effect. That’s where a command link !important comes in very handy.

If you type .h2 {font-size:10px !important;}. Having !important forces that style to take precedent over all others.

It’s a lazy way to code CSS, but unless you have time to find the conflicting styles, it’s a fast and easy trick.

Subscribe to this awesome channel here:


Fuente – Source

Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab

Necesitas ayuda con wp? Entonces WPVideo es tu sitio.
Encuentra lo que buscas entre cientos de miles de videos y experiencias personales de otros usuarios. Todos los que empezamos con wp deberíamos tener acceso a esta web, ojalá yo hubiera tenido algo así cuando empecé mi camino como webmaster 🙂
Pero ahora quiero y puedo poner esta web a vuestra disposición.
Disfrutadla 😉

Need help with wp? Then WPVideo is your site.
Find what you are looking for among hundreds of thousands of videos and personal experiences of other users. All of us who started with wp should have access to this website, I wish I had something like that when I started my journey as webmaster 🙂
But now I want and I can put this website at your disposal.
Enjoy it 😉

https://www.wpvideo.eu

Publicado en Ecommerce, Plugins, Temas (Themes), Tutoriales (Tutorials) y etiquetado .

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *