1

これは、Wordpress の style.css に挿入したコードです。

h3.list {
    color: #FFFFFF;
    font: bold 15pt Arial,sans-serif;
    letter-spacing: -1px;
    margin: 10px 10px 0;
    padding-bottom: 8px;
}

そして、これは私が見つけて削除できないものです：

h1, h2, h3, h4, h5, h6, ul#top-menu a {
    font-family: 'Arvo',Arial,sans-serif !important;
}

これを引き起こしているファイルを見つけるのを手伝ってください。ありがとうございました。

4

4 に答える 4

6

Chrome でサイトを開き、開発ツールを確認します (レンチ > ツール > 開発者ツール)。

[リソース] タブに移動してその文字列を検索するとh1, h2, h3, h4、サイトで使用されているファイルにそのすべてのインスタンスが見つかります。

適用される要素がわかっている場合 (何でも構いh1ません)、適用されているすべてのスタイルが [要素] タブに表示され、そのスタイルが定義されているファイル名と行番号が表示されます。

お察しのとおり、インデックス ページの HTML にあります。

ここに画像の説明を入力

于 2012-07-06T16:19:03.323 に答える
2

実際には!importantを追加するだけで、CSS ルールが優先されて適用されます

font: bold 15pt Arial,sans-serif !important;
于 2012-07-06T18:01:10.280 に答える
1

エレガントなテーマには通常、タイポグラフィ用のテーマオプションパネルがあります。CSSではなくそこで変更できる場合があります。他の人が指摘しているように、Firebugは宣言のソースを発見するための優れたツールです。

于 2012-07-07T02:32:06.523 に答える
0

これは次のデモに基づいています: http://elegantthemes.com/preview/eList/

43 行目を見ると、次のことがわかります。

<style type='text/css'>h1,h2,h3,h4,h5,h6,ul#top-menu a { font-family: 'Arvo', Arial, sans-serif !important;  }</style>

それがフォントの適用です。<head>それがセクションに直接あり、!important適用されていることを確認すると、最善の策はそれを削除するかコメントアウトすることです. その後、好きなように独自のフォントを自由に適用できます。

于 2012-07-06T18:15:36.710 に答える