【フォームブリッジ】ボタンの位置のカスタマイズについて

kintone カスタマイズ
1

お世話になっております

フォームブリッジのカスタマイズに関する質問です

ステップフォーム（2段階のステップフォームを使っています）を利用している際に、
「次へ」や、「戻る」「回答」ボタンのみをフォームの真ん中に配置したいと考えております

https://developer.cybozu.io/hc/ja/community/posts/115011892726-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%96%E3%83%AA%E3%83%83%E3%82%B8%E3%81%A7%E3%81%AE%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA

で示されているCSSを使ってみたのですが、
「次へ」や、「戻る」「回答」ボタンは当方の希望通りに真ん中になりますが、

ステップフォームの「①」という文字（？）も真ん中に表示されてしまいます。
自力でなんとかCSS適用前の位置へと戻すことを試みたのですが無理でした。

上記のカスタマイズは可能でしょうか？
可能でしたら実装方法をご教示いただけますと幸いです。

よろしくお願い致します。

2

上記の追記です

①だけでなく②という文字（？）、に加え２ステップに移動したときの✓(まるで囲まれている)部分も

CSS適用前の位置から右へずれてしまいます

おそらく

.ui.form{
text-align: center;
}

が、この部分にも適用されているからだと思われるのですが

ボタンの部分だけに適用することは可能でしょうか

よろしくお願い致します。

3

miyamoto さん

以下のようにしてみてはいかがでしょう？

 

.ui.form {
text-align: center;
}

.ui.form .field {
text-align: left;
}
4

落合様

お世話になっております。

 

ご教示していただいたソースで、希望通りのことができました。

ありがとうございました。