ワードプレスのテキストの色をカスタマイズする

私は最初のステップでコードを学習しています。私はインターネットでいくつかの勉強をしましたが、私はWordpressのチャイルドテーマを構築している間に、その経験から学び続けることに決めました。 wordpressのダッシュボードでワードプレスのテキストの色をカスタマイズする

1）を使用して、CSS

2）：

事は、私は、テキストの色を変更するには2つの方法があることが見ていることです

もし私がcssを使ってテキストの色を変えれば、それをwordpressダッシュボードから変えれば再び変わるでしょう。

WordPressのダッシュボードを使用したいと思うように私がカスタマイズしたいテキストがいくつかありますが、試してもその色をCSSで書いて、変更できないようにするテキストがありますwordpressダッシュボードでそれを変更する。

これを行う方法はありますか？

私はcolor: #000000 !important;を私のCSSに書こうとしますが、うまくいきません。 cssのテキストの色を永久に変更する方法はありますか？

出典

2016-09-07 Valentin Verdegales

親要素クラスを使用すると、スタイルを記述できます。それはあなたの子供のテーマスタイルになります。

<html> 
<body class="home"> 
    <div class="main"> 
     <div class="colorize"> 
     Content inner DIV 
    </div> 
    </div> 
</body>

親テーマ：

<style> 
.colorize{ 
    color:red; 
} 
</style>

子テーマ：

<style> 
.main .colorize{ 
    color: green; //override using parent element class(main) 
} 
</style>

出典

2016-09-07 23:06:58 Samyappa

ご回答ありがとうございます@サムヤッパ。しかし、親要素のクラスは何ですか？どうすれば使用できますか？私はちょうど学び始めていると私は知らないいくつかのものがあります –

こんにちは、@バレンタインVerdegales私は詳細を追加してください疑いがあれば私に知らせてください。 – Samyappa

あなたはWordPressのエディタを経由して色を設定した場合、それはもちろんで色が変わりますCSS。エディターでテキストを選択し、使用可能な色の1つをクリックして色付けすると、結果のHTMLにはインラインCSSが含まれているとします。 http://www.w3schools.com/css/css_howto.asp スタイルを設定するように設定されたスタイルを上書きする唯一の方法は、です。重要同じHTML要素のインラインCSSは、に適用されます。

例：bodyの色を!importantに設定すると、内側のDIVのインラインスタイルがそのまま残ります。しかし、.colorizeクラスのコメントを外すと、インラインCSSの色が上書きされます。

body { 
 
    color:orange!important; 
 
} 
 
/* uncomment this to overwrite the inline CSS 
 
.colorize { 
 
    color:yellow!important; 
 
} 
 
*/

<html> 
 
<body> 
 
    <div> 
 
    Content outer DIV 
 
    <div class="colorize" style="color:blue;"> 
 
     Content inner DIV 
 
    </div> 
 
    </div> 
 
</body> 
 
</html>

それはそれを言及する必要があります！重要なのは、あなたができるだけを使用しようとするべきです。実際には、通常、WordPressエディタを変更して、色を適用しないか、選択したものだけを適用できるようにします。

出典

2016-09-08 08:59:54

ワードプレスのテキストの色をカスタマイズする

答えて

関連する問題