2017-01-17 28 views
-2

ユーザーがWordpressにログインしたときに、自分のコメントフォームに送信ボタンに特定のCSS属性を追加したい!クラスが別の要素に追加されたときに1つの要素のCSSを変更する

私のクラス.comment-formではなくp class="comment-notes"「標準」のp class="logged-in-as"が、私は私のp.form-submitはCSSを取得したい取得すると{幅:50%; }

正直言って、私よりも管理者に「Logged in xxx:Log out?」と表示されているのかどうかはわかりません。彼らは私のサイトにいるので、コメント者の情報が削除されてしまい、デザインがうんざりしてしまいます...しかし、ちょっと、ごめんなさい。

私はブログのコードをコピーしましたが、これはどのように役立つのかわかりませんが、先に述べたように最初のp classがコメント投稿者によって変更されたときにCSS値を別のdiv 。

<p class="logged-in-as"> 
    <a href="www.example.com/wp-admin/profile.php" aria-label="Logged in as Morgan. Edit your profile.">Logged in as Morgan</a>. <a href="www.example.com/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2FEXAMPLE.com%2Ftwo-days-in-budapest%2F&amp;_wpnonce=3fb7c78c29">Log out?</a> 
</p> 
<p class="comment-form-comment"> 
<label for="comment">Comment</label> 
+0

あなたはあなたのhtml構造について何かを共有できますか? –

+0

答えが「いいえ」の場合、問題はおそらく問題を再現するのに必要なコードを提供していないとみなされます。答えが「はい」の場合は、「* [mcve] *」コード、HTML、CSS、およびJavaScript(問題を再現するのに十分な*最小*しかし*完全なコード)を表示してください。私たちが問題に答えるためのHTMLと構造)。 –

+2

あなたのブログが訪問者にどのように見えるかを確認し(2番目のブラウザやシークレットウィンドウを使用して)、自分自身の手間を省いてみませんか? –

答えて

0

ログインすると、WordPressは自動的に "logged-in"クラスをbodyタグに追加します。だからあなたは使用することができます:

body.logged-in p.form-submit {width: 50%;} 
+0

もちろん、どのようなエレガントなソリューションですか?ありがとう、本当に簡単に解決しました! –

関連する問題