2017-01-16 12 views
0

私は現在、ブログ投稿内で投稿タイトルフォントファミリを変更するのが難しいです。。WordPressのブログ投稿で.entry-titleが変更されない

私はWordPressのカスタムCSSプラグインで単独以下のセレクタを試してみた:

.alpha, h1 { 
    font-size: 1.3em; 
    line-height: 3em; 
    letter-spacing: 0px; 
    font-family: Georgia; 
} 

この意志:私は、次のコードを使用している場合今ここ

.entry-header .entry-title 
.entry-title h1 
.entry-title 
.entry-header 
.page-id-107 .entry-title 
.page-id-107 .header 
.entry-header h1 

は、本当の混乱でありますページ上の投稿のタイトルを変更してください:'Charlies online store'

実際の投稿に入る場合:Charlies online store post

変更されません。どうして?

本当にありがとうございます。

+0

あなたは、外部スタイルが上書きされない理由となり、文書の先頭にインラインスタイルを持っているので、それは私には見えます。 –

答えて

0

誤ったセレクタを使用している可能性があります。

.entry-title h1は、クラスを持つ要素の子孫だh1要素を標的とするentry-title

h1.entry-title(クラスエントリタイトルとH1要素を変更する)何を達成しようとしているため、右セレクターかもしれません

私はインスペクタでこれを試しましたが、それはうまくいくはずですが、そうするべきです.entry-header h1;だから私は何が間違っているか完全にはわからない。

2つのページに異なるセレクタが必要な場合もあります.1つのテキストがh2タグの中に直接存在し、ホームページ上にある場合はaタグに追加してラップします。

+0

ありがとうございます。 h1.entry-titleと.entry-header h1 をテストしましたが、投稿のタイトルは変更されません。 多分私は行方不明のセレクターがありますか? –

+0

役に立ったとします。 .page-id-331 .entry-title { font-family:Georgia; font-size:1.3em; 行の高さ:1.2em; } ホームページのタイトルを変更するには ブログ投稿の投稿IDを選択して上記のコードを実行しようとしましたが、これは何もしません:( –

+0

奇妙なことに、 '!important'というルールを追加してみてください。 [ font-size:1.3em!important; } ' これは最も良い解決策ではないかもしれませんが、動作するかどうかを確認するだけです。 – intagli

0

セクションをこのセクションに置き換えてください。実際の投稿ページの現在のセクションは、それがなぜ機能しないのかを上書きします。

.alpha, .post h1.entry-title { // Changing elements on this two pages from your description 
    font-size: 1.3em; 
    line-height: 3em; 
    letter-spacing: 0px; 
    font-family: Georgia; 
} 

か、すべてのH1タグを変更したい場合は、その後

.alpha, .site-main h1 { // Changing H1 tag on whole website 
    font-size: 1.3em; 
    line-height: 3em; 
    letter-spacing: 0px; 
    font-family: Georgia; 
} 
+0

頭がインラインでスタイリングすることが問題になることがあります。 –

+0

を使用する必要があります。これをテストしてください。これはヘッドスタイルを上書きする必要があります。 – mattkrupnik

+0

ありがとうございました!コードをあなたのものに置き換えた後、これは完全に機能しました。 古いコードのために競合が発生しましたか?面白い。 –

関連する問題