質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

3243閲覧

WordPressのテーマ「Lightning」でLTGコンテンツエリア投稿リストのタイトル色を変更するには

Go_M

総合スコア8

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2017/10/29 08:41

WordPress に Lightning テーマ 4.0.1. を導入しています。
「トップページコンテンツエリア上部」に「LTGコンテンツエリア投稿リスト」ウィジェットを導入して、お知らせをトップページに表示しています。

このタイトル色を変更したいのです。
ページのソースは下記のようになります。

<h1 class="media-heading entry-title"><a href="https://*/information/2017/10/09/135/">本日のお知らせです</a></h1> <a href="https://*/information/2017/10/09/135/" class="media-body_excerpt"><p>(以下抜粋記事が載ります) [&hellip;]</p>

子テーマのスタイルシートに下記のように加えてみましたが、色は変わりませんでした。

.entry-title {
color: #6c3910 !important;
}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

コードは<code>ボタンを押してバッククォート3つの間に入力してください。

ブラウザの開発者ツールの使い方を覚えてください。

Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
http://www.buildinsider.net/web/chromedevtools/01

.media-heading a { color: #6c3910 !important; }

もっと大元の(body など)ところでフォントカラー設定すべきなのかもしれません。

そんな難しい話しではないです。

.media-heading a { color: #6c3910 !important; } .media-heading a:hover { color: 色 !important; } .media-heading a:visited { color: 色 !important; }

リンクの文字色を指定する
http://www.tagindex.com/stylesheet/link/color.html

投稿2017/10/29 09:04

編集2017/10/29 10:27
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Go_M

2017/10/29 09:33

<code>ボタン、知りませんでした。大変申し訳ありません。 タイトル文字、変更できました。 a要素の指定、抜けていました。 css は勉強中なのですが、ご指摘を受けて、もう一度テキストを読み直して学習しました。 ありがとうございます。 本来 Lightning ではここはマウスカーソルが乗ると色が変わるのですが、color 指定してしまうと色が固定されてしまうことに気付きました。 もっと大元の(body など)ところでフォントカラー設定すべきなのかもしれません。 Firefox の「要素」は使ったことがありましたが、Chrome の方がさらに詳しそうですね。 こちらもアドバイスありがとうございます。
退会済みユーザー

退会済みユーザー

2017/10/29 10:27

追記しました。
Go_M

2017/10/29 11:28

重ね重ね、ありがとうございます。 個別に設定してしまえば良い、ということですね。 できました! 希望通りになりました。 1つ見栄えが良くなりました。 短時間でのアドバイス、本当にありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問