Vous etes : 8 Tuto's en recherche de créativité. 97 436 Tutoriels

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

Durée de la vidéo :7:18

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL
Download your exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-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: https://www.youtube.com/watch?v=Z8n1h-85SMQ

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.

I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

————–

If you want more excellent WordPress information check out our website where we post WordPress tutorials daily.

https://wplearninglab.com/

Connect with us:

WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

Facebook: https://www.facebook.com/wplearninglab

Twitter: https://twitter.com/WPLearningLab

Google Plus: http://google.com/+Wplearninglab

Pinterest: http://www.pinterest.com/wplearninglab/

Author: Tutotube

Tutotube.fr ces actualités des meilleurs tutoriels vidéo Youtube. Retrouvez toute les rubriques sur le site , le savoir c'est le pouvoir !

"Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab vous a satisfait ?"

Donner votre avis

1 Star2 Stars3 Stars4 Stars5 Stars

Tutoriel aléatoire disponible sur tutotube.fr

Easy Google Fonts Plugin Makes It Easy To Add Google...
11 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Adding Contact Form 7 Hidden Fields With Dynamic Data...
14 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
A WordPress Custom Post Type Allows You To Organize...
5 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
WordPress Duplicator plugin quickly moves or backups...
5 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
BBPress WordPress Tutorial – Set up a Forum in...
3 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
3 Ways To Embed A PDF On WordPress Posts And Pages
6 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Yoast SEO [2018] Setup & Installation,...
13 Visionnages
1 année
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
WordPress Image Compression Using The WP Smush.it...
14 Visionnages
3 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Wp-Cron.php May Be Slowing Your Site – Create A...
16 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Mailchimp For WordPress [2018] Integration...
8 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Contact Form 7 Skins To Change Style – No CSS...
2 Visionnages
3 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Buddypress 2017 WordPress Tutorial – Build A...
3 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Change WordPress Font-Size Using Theme Options or CSS...
6 Visionnages
2 années
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab
Contact Form 7 CSS Styling (Part 2) – Style...
28 Visionnages
1 année
1 Star2 Stars3 Stars4 Stars5 Stars

Voir la page
WordPress Tutorials - WPLearningLab

* Rafraichir la page pour avoir une autre liste de tutoriel a decouvrir. Rafraichir

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.