Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › コメント欄のカスタマイズ
- このトピックには11件の返信、1人の参加者があり、最後に
みきにより9年、 10ヶ月前に更新されました。
-
投稿者投稿
-
-
2016年11月27日 6:55 PM #47993
piyo
ゲストいつもお世話になっております。
単純な質問で申訳ございませんがコメント欄のボタンや枠の角丸を取りたくカスタマイズの方法をご教示いただけないでしょうか。
お手すきに際にご教示いただければ幸いです。
宜しくお願い致します。 -
2016年11月27日 7:26 PM #47994
みき
ゲスト#comment-area #comment, #submit { border-radius : 0 }こんな感じでどうですか?
-
2016年11月27日 7:31 PM #47995
みき
ゲストあ
本文と送信ボタンだけだった・・・#comment-area textarea { border-radius : 0 } #comment-area input { border-radius : 0 }これで全部ですかね
-
2016年11月27日 7:33 PM #47996
みき
ゲストきれいに書こうと思えばかけると思いますけど
大体こんな感じです
※反映されない場合はキャッシュを削除するかシークレットモードで確認してみてください -
2016年11月27日 9:38 PM #47999
piyo
ゲストみき様
ご教示頂きありがとうございました。
教えて頂いた内容で変更する事ができました。 -
2016年11月27日 10:04 PM #48002
みき
ゲスト変更できてよかったです!!
お疲れ様でした -
2016年11月27日 11:09 PM #48017
piyo
ゲストみき様
お世話になっております。
完成したと思って色々確認していたのですが、インプットエリア(名前、メールアドレス、ウェブサイトを入力する部分)だけどうしても角丸が取れず・・・。
ブラウザを変えたり、キャッシュを削除したり、シークレッドウィンドウで見てみてもダメでした。
お心当たりございましたらご教示いただけませんでしょうか。
宜しくお願い致します。参考画像になります。
http://fast-uploader.com/file/7035811106359/ -
2016年11月27日 11:56 PM #48021
みき
ゲストこんな感じでどうですか
#comment-area input, textarea { border-radius : 0 } -
2016年11月28日 12:02 AM #48022
みき
ゲスト -
2016年11月28日 8:18 PM #48040
piyo
ゲストみき様
前段で教えて頂いた中にそのコードも含まれておりましたが効いていないようです・・・。
今回教えて頂いたコードに入れ替えてもダメでした。
何か他が悪さしてそうなのでもう少し頑張ってみます。 -
2016年11月28日 11:40 PM #48049
Hidekichi
ゲストコメントはデフォルトのコメントですか?
jetpackのコメントなど別のコメントを適用している場合は、それ用にcssを変える必要があるかも知れません。Simplicityのcss
プラグイン等のcssというようにcssの読み込み順がたいていプラグイン等は後になります。
なので子テーマstyle.cssで#comment-area textareaで適用されていてもプラグインが読み込まれればそのcssが上書きすることはあります。基本的な方法はみきさんので必ず目的通りになるはずですので、今コメントフォームがどうなっているか、またはページの読み込みが完了した際にその部分のhtml及びcssがどうなっているかをデベロッパーツールで調査するべきです。
-
2016年11月28日 11:47 PM #48050
みき
ゲストHidekichiさん
それについては思いつきませんでした
確かに単純に考えればjetpackとかもありますよね
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。