ContactForm7でラジオボタンを縦に並べたいのにそうならない場合の対応方法

【環境】

問い合わせ種別をラジオボタンにしたが、以下の様に縦に並べたかった。

ContactForm7のサポートページには下記の用に記載があった。

チェックボックスをブロック表示させるには、以下のような CSS スタイル指定をお使いのテーマのスタイルシートに追加します:

span.wpcf7-list-item { display: block; }

style.cssに追加すればいいのだろうと考えて、

　　ダッシュボード　→　テーマ編集

でstyle.cssを表示させて、最後にコードを追加して、ファイルを更新。
…しかし、ラジオボタンは縦に並ばす…。

いろいろと試した結果、下記手順で行えばよかった。

たぶん、常識レベルの手順だろうけど、あまり、WordPressを触っていないと、どこをどう言う手順で変更すればいいか分かりにくかった。