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

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

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

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Q&A

解決済

2回答

512閲覧

文字色変更したいがCSS追加しても変更しない

mwda

総合スコア1

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

0グッド

0クリップ

投稿2023/03/21 03:59

編集2023/03/21 06:34

実現したいこと

・ヘッダーメニューの一部の文字の色変更をしたい

前提

WordPressで、DIVIというテーマを使ってサイトを作成しています。
ヘッダーメニューにお問い合わせボタンを作り、文字を白抜きにしたいのですが、テーマの追加CSSに
color:#ffffffを入力しても色が変更になりません。
他の文字と同じ黒色のままです。

背景色は、background:#〜 で変更できているのですがどうすれば文字色も変更できるでしょうか?

イメージ説明

こちらのサイトです。
https://monolinkjapan.com/

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

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

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

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

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

ratezou

2023/03/21 05:11

変更している箇所の優先度が低いのかも。 HTMLに直接書いてみたら変わると思います。 後に、優先度を検討して、適切なスタイルを変更すれば良いのでは?
mwda

2023/03/21 05:26

回答ありがとうございます! この場合、htmlはどこから書くことができるのでしょうか?💦
ratezou

2023/03/21 05:35

ワードプレスのことを知らないので、いい加減なことは言えません。 すいません。識者の回答を待ちましょう。
m.ts10806

2023/03/21 05:35

実際に試したコードを質問本文に提示してください。 テストページでないURLなのであれば宣伝のようになってしまいます。
m.ts10806

2023/03/21 06:52

画像ではコピペできませんのでご配慮願います。 質問テンプレートの項目はあまり削らない方が良いです。
guest

回答2

0

ベストアンサー

追加CSSに下記のコードでどうでしょう。

css

1#top-menu .inquiry-button a { 2 color: #ffffff; 3}

それでだめなら、

css

1#top-menu .inquiry-button a { 2 color: #ffffff!important; 3}

投稿2023/03/21 06:31

hatena19

総合スコア33715

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

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

mwda

2023/03/21 06:43

color: #ffffff!important; こちらのコードにしたら文字色が変わりました。ありがとうございました!
guest

0

「#top-menu a」の「color」設定を外してみてください
ただしそうすると「a」に設定された「color: #33ccff;」が適用される箇所がありますので適宜対応ください

投稿2023/03/21 05:38

編集2023/03/21 05:39
yambejp

総合スコア114837

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問