screenshot-17.pngとscreenshot-18.pngの件。v.1.6.2で、確認画面と送信完了画面の項目の部分(左辺)が右寄せになりました。左寄せに戻したいのですが、どうしたらよいですか?
はい。右寄せと左寄せは、CSSで変更することができます。
(1)allpost-contactform.cssを開いてください。
#window_confirmation .apcf-content-key { /* Align the left-side (item) to the right | 左辺(項目)を右寄せにする */
text-align: right;
}
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_confirmation .apcf-content-key {
text-align: left;
}
*********************************************************/
#window_submission .apcf-content-key { /* Align the left-side (item) to the right | 左辺(項目)を右寄せにする */
text-align: right;
}
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_submission .apcf-content-key {
text-align: left;
}
*********************************************************/
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_confirmation .apcf-content-key {
text-align: left;
}
*********************************************************/
#window_confirmation .apcf-content-key {
text-align: left;
}
#window_submission .apcf-content-key {
text-align: left
}
(1)allpost-contactform.cssを開いてください。
(2ー1)右寄せにしてみましょう。 | v.1.6.2のデフォルトです
確認画面を右寄せにする (l.71)
▼screenshot-17.png
#window_confirmation .apcf-content-key { /* Align the left-side (item) to the right | 左辺(項目)を右寄せにする */
text-align: right;
}
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_confirmation .apcf-content-key {
text-align: left;
}
*********************************************************/
送信完了画面を右寄せにする (l.119)
#window_submission .apcf-content-key { /* Align the left-side (item) to the right | 左辺(項目)を右寄せにする */
text-align: right;
}
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_submission .apcf-content-key {
text-align: left;
}
*********************************************************/
(2ー2)左寄せにしてみましょう | v.1.6.2以前のデフォルトです。v.1.6.2からは、手動で設定していたただかなくてはなりません。
確認画面を左寄せにする(l.74)
▼screenshot-18.png
▼l.74から始まる設定は、もともと、次のようになっています。
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_confirmation .apcf-content-key {
text-align: left;
}
*********************************************************/
▼l.74から始まる設定を、次のようにご変更ください。
#window_confirmation .apcf-content-key {
text-align: left;
}
送信完了画面を右寄せにする (l.122)
▼l.122から始まる設定は、もともと、次のようになっています。
/******************************************************** Align the left-side (item) to the left | 左辺(項目)を左寄せにする: https://www.rainbow-link.com/FAQ.htm?&faq_id=445
#window_submission .apcf-content-key {
text-align: left
}
*********************************************************/
#window_submission .apcf-content-key {
text-align: left
}
*********************************************************/
▼l.122から始まる設定を、次のようにご変更ください。
#window_submission .apcf-content-key {
text-align: left
}
( 2024/09/21, 04:06:09, JST )