Jazzy Formsのカスタマイズ？

###前提・実現したいこと
１．Jazzy Formsの横幅を狭めたい
２．合計Ａと合計Ｂの差を出したい

###発生している問題・エラーメッセージ

エラーではなく、完全な知識不足ですが、ご教授願います。

１．は、計算式を作成し、ショートコードをそのまま貼り付けると、右側に空白の部分が出来てしまい横長になるのを回避したいと考えています。

２．は、同じ投稿に「計算式Ａの合計」と「計算式Ｂの合計」がある場合、
それぞれの合計を利用し「計算式Ａの合計－計算式Ｂの合計＝差」といった式が作成したいと考えています（ＡやＢの合計が変われば、差もリアルタイムで反映させたい）

###該当のソースコード
CSSの知識が皆無なので、試したコードはありません。

###試したこと
１．に関しては、計算式をHTMLのテーブルタグで囲い、幅を狭めてみましたが一定の箇所から狭まりませんでした。
２．に関しては、エクセルの数式（A3-B3）のような形でできないか考えましたが、そもそも合計の値の場所の指定箇所が分からない為、何もできませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
質問を書いていて、ほぼ何もせず投げっぱなしだな。。と改めて思いますが、分かる範囲でご教授頂ければ幸いです。
よろしくお願いいたします。

8-0_nyan5

2017/06/11 14:00 編集

「計算式Ａ」と「計算式Ｂ」とは、どんな計算式ですか？それと、「Jazzy Forms」ってワードプレスのプラグインのことなら、そのことも質問文に追記してください。

行動規範の内容に同意します

回答1件

とりあえず、ワードプレスのプラグインの
Jazzy Forms
のこととして回答させていただきます。

１について
どんなコードになっているかわからないと的確な回答は難しいですが、
デフォルトの表示（Jazzy Formsの「Appearance」の「Load default theme」にチェックが入っていれば）なら、
.jzzf_form ul {
margin: auto;
}
とかにすれば、Jazzy Formsのformの中でまん中に配置されると思います。
（これでもまだ左寄りですが）
表示については、
デベロッパーツールで確認しながらやられた方が確実だと思います。