Use Chrome to modify any WordPress theme font style and font size

Source: Internet
Author: User
Keywords WordPress

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Many netizens and quicl the same, the default theme of the font is not good to see, in order to beautiful in the editing of the article when using CSS to get a font style, but I do not know the article use too much CSS style on the home page opening speed has a great impact. The way to eradicate this problem is to modify the default font style and font size for WordPress themes. Although before today has been used to modify the article CSS method, but last night on the internet a bit long, look at the site other fonts suddenly feel not take it cool. Then thought, forget it, the theme of the font to change it!

As I've said before, Firefox I really don't want to use anymore, I use Chrome for the first time to audit the elements. Chrome is too human, very convenient, select any of the text on the home page-right click-Review elements, you can see the current content of the CSS container. After viewing it, I found no font-family in my sub container: and font:. Well, since there's no con inside, I go to the parent container to find, convenient chromedebug very intuitive display font-family and font are in the body. Source CSS code is;

Font-family:arial, Helvetica, serif;

font-size:12px; Color: #b8babb; Text-align:center;

On account of the general I like "Microsoft Ya Black", that is modified to "Microsoft Ya Black", but the font size? After a lot of view on the Internet after its words are said that 12px is the best choice, I do not think so! Using the Chrome element review found that my original theme of the body font size of 12px, but feel very small. In the browse Bo friend's site, found that there are several 13px, get, so decided. Use the size of 13px. Warm tip: For the vast number of WordPress players, it is best to modify the theme of the local CSS to determine the appropriate style. Second, to avoid unpredictable errors, copy the code to a "super Notepad" or "Dreamwaver" backup, using the system's own Notepad ash to create puzzling questions. This method for any subject can be used, because its WordPress theme fonts are in the body tag, we modify the idea is to find the top body container, modify its font is good. Here's how to change the subject together:

Log in with administrator privileges in the Wordprss background-Select the "Style.css" button in the "Appearance" section and the bottom right of the page and click on it.

The top of the left-hand edit box is the body section, and the Body code (which I believe most of the code is the same as mine) looks like this:

body {margin:0; padding:0; Background:url (img/back1.gif);

Font-family:arial, Helvetica, serif;

font-size:12px; Color: #b8babb; Text-align:center; }

Before Arial, add Microsoft Ya Black, the song body Remember this comma is an English comma, everyone attention AH!font-size 12px modified to 13px, a friend may say so simple ah, then I change color also! A lot of facts have proved that it is unwise to modify color. The theme of the creator than you know more about 11519.html "> site color problem, your changes may make the theme color beyond recognition

Here is the modified code,

body {margin:0; padding:0; Background:url (img/back1.gif);

Font-family: Microsoft Jas, XXFarEastFont-Franklin, Arial, Helvetica, serif;

font-size:13px; Color: #b8babb; Text-align:center; }

Save the changes, back to any page, refresh it, you can generally see the effect. If you can't see, please empty the Web cache!

This article by quicl original in QUICL ' Sblog reprint indicates the source http://20xue.com/?p=1781

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.