WordPressページ幅の変更

Question

WordPressでMW WP Formプラグインを使い「問い合わせページ」を作成していますが、ラジオボタンの設定が上手くできません。ページは文字数が多いと以下のようになってしまいます。

このように記述しています。

<dl>
 	<dt><label for="inputPartner">お問い合わせテストページ<span class="red">※</span></label></dt>
 	<dd class="radio">[mwform_radio name="inputPartner" children="あああああああああああああああ,いいいいいいいいいいいいいいいいいいいいいいい,ううううううううう,えええええええええ,おおおおおおおお" value=""]</dd>
</dl>

こちらのサイトにあるように指定しているのですが上手くいきません。
https://plugins.2inc.org/mw-wp-form/blog/2015/01/14/467/

[ mwform_radio name="ラジオ" children="あああ,いいい,ううう" ]

どのようにすればページがズレず表示できますでしょうか。
よろしくお願いします。

Comments

[marlboro_tata]

実際に出力されているHTMLをコピペして質問に記載した方が回答を得られそうです。その際には適用されているcssについても追記ください。また、実際どのような表示になって欲しいのかがわかりにくいので、画像などで「こうしたいんです」という図を示すと良いかもしれません。（現時点で思いつくのはword-break:keep-all;を設定してみることでしょうか・・

[work307]

ご連絡ありがとうございます。ページは文字数が多いと以下のようになってしまいます。  こちらのサイトにあるように指定しているのですが上手くいきません。 https://plugins.2inc.org/mw-wp-form/blog/2015/01/14/467/ ``` [ mwform_radio name="ラジオ" children="あああ,いいい,ううう" ] ``` よろしくお願いします。

[marlboro_tata]

「このように記述しています」という部分は、おそらく管理画面に記載した内容と考えておりますが、それが、実際のサイトでどのようなHTMLになって表示されているか、またそのHTMLに対してどのようなスタイル(CSS)が適用されているかがわからないと、これ以上のアドバイスは難しいです。

Answer 1

コメントに記載されていたURLを拝見しましたが
このプラグインでは単純にラジオボタンのHTMLを吐き出しているだけだと思います。

であれば、細かいレイアウトをしたい場合は、利用者自身でCSSでカスタマイズする形になるはずです。
となると、今ラジオボタンのレイアウトが崩れているのは、適用されているCSSに問題があると思います。
一度、どのようなCSSがラジオボタンに適用されているか確認されてみてはいかがでしょうか。

また、よくわからない場合は、実際に吐き出されたHTMLと
適用しているCSSを教えていただけると助かります。