Q&A
Sohayaさん
大変貴重なアドバイスありがとうございました。調べてみるとSimple Custom CSSというプラグインがよさそうです。ひとつ質問なのですが、私は子テーマ上のCSSをダイレクトで何回もアップロードしています。
このSimple Custom CSS を利用すると、FTP上でアップロードしなくてもWP上の画面でトライエラーができるという認識で合っていますでしょうか？
お世話になります。
やりたいこと
白字背景と、
Home、Pagesのメニュー文字の色 この２つを変更したいです。
ためしたこと
f12から以下が該当すると思いcolor:を変更しました。
その結果F12内ではフォントの文字(HOMEなど)が反映されましたが、
子テーマ上ではCSS記載しても反映されませんでした。
body, cite, .vw-quote-cite { font-family: "Open Sans"; font-weight: 400; font-style: normal; color: #9e0505; font-size: 14px; }
おしえてほしいこと
子テーマのCSSにどのように記載すれば、メニューHomeやPagesなど の色、またメニュー背景の色は変更できるのか
具体的解決するコードについて直接的にご教示頂ければと思います。
大変お手数をおかけいたしますが宜しくお願いいたします。
回答3件
0
http://asdfa21.ciao.jp/wp-content/themes/presso-child/style.css?ver=3.3.3
質問に書かれた変更が反映されていません。アップロードしなおすなどされてはいかがでしょう。
投稿2018/12/23 14:35
総合スコア69407
0
自己解決
みなさんのアドバイスの御蔭で自分なりに以下コードを作成しアップロードしたところ無事解決いたしました。ありがとうございました。
.vw-side-panel__menu { color: blue; }
投稿2018/12/24 10:17
編集2018/12/24 10:24総合スコア52
0
開発ツールのデバイスモードをモバイルに切り替えてソースを確認しましたが
該当セレクタは .vw-menu-mobile 以下にあるのではないでしょうか。
先日より テーマデザインのカスタマイズで
『セレクタ探し←→トライ＆エラー』の繰り返しを何度となくされてるようですので
テーマを直接編集する必要のないCSSカスタマイズ系のプラグインを導入したほうが
dfjileさんのやりたいことがダイレクトにできて効率も上がるのではないかと思います。
少なくとも
「開発ツール上で書き換えたらうまくいくのに、CSSファイルを編集しても反映されない」
ということが軽減するはずです。
いちどご検討してみてください。
投稿2018/12/24 09:52
総合スコア254
wafに穴をあけないと使用できないプラグインのようですので、インストールはやめることにしました。
「Jetpackプラグイン」にもCSSを編集する機能があるようです。
ただ、Simple Custom CSS同様「WAFオン」だと編集できないかもしれません（未確認）。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/23 14:51
2018/12/23 15:01
2018/12/23 15:34
2018/12/23 15:53