他のセクションに影響を与えずにWordpressホームページで1つのウィジェットをターゲットに設定するにはどうすればよいですか？

Question

私のWordpressサイトでウィジェットのスタイルを変更する際に問題があります。

私がターゲットとしているものは、ホームページの一番下のもの：http://rfm-inc.comです。 「三菱マテリアル系企業の誇り」と題されたページの部分です。

主にID「.content」にスタイルが適用されているようですが、これらのスタイルを変更したいと思いますONLY「の.text-3" のレベルで。

私はコンテンツのスタイリングを変更し、私はウィジェットにしたいが、それは他のウィジェットのすべてを変更する効果を得ることができます。

私は下のウィジェットがしたいです完全な青色の背景、中央のテキスト、小さいスクリーン幅でのテキストのサイズ変更とラッピング）を使用しますが、他のセクションはそのままにしてください。

他のセクションとは独立してこのウィジェットのターゲットを設定する方法についてのヒント？これはセクションID =「メイン」の最後の子であるとして

.widget:last-child { 
    /* your rules */ 
} 

：あなたがそれを行うことができます。このEXACT場合は

Answer 1

通常のWordPressのウィジェットは、WP-コンテンツ/プラグインで独自のスタイルのCSSファイルやプラグインの名前を持っています。 Webブラウザでデベロッパーツールを開き、変更する要素をクリックすると、どのセレクターを使用するかがわかります。 開発者ツールをテストし、ファイルを変更します。

Answer 2

。

またはそのIDを使用します。

#text-3 { 
    /* your rules */ 
} 

Answer 3

大丈夫です。私はそれを解決した。私が説明できるかどうかを見てみましょう。もちろん、これは完全なコンテナを展開し

body.home #content.col-full { 
 
    max-width: 100% !important; 
 
}

：

まず、私はに#contentコンテナを変更しました。

その後、私は必要に応じて個々のウィジェットをスタイルすることができました。

スタイリングが必要な親要素が多く、そこからすべてが流れました。しかし、それは私が、ターゲットとするために一生懸命だったのでI：

2. コンテナが#contentたことを見なかっただけで、ホームページ（body.home）を標的とする方法を知りませんでした
3. 一番簡単なことは、コンテナを調整して、別にウィジェットをスタイルすることであることに気づいていませんでしたか？