WordPressでのCSSの編集

ワードプレスで、ホームページを作っていて、下の図のようなスタイルを設定しようとするとCSSをいじる必要があります。

f:id:sipuofare:20160110233337p:plain

そこでLightningのCSSの"外観"の"テーマ編集"で、CSSらしきところがあるのでCSSの設定を入力してみました。

.proc{
　　　　text-indent:-2em;
margin-left:2em;
}
proc-red{
color:white;
background-color:red;
}

HtMLは次のように入力したら、うまくいきました。

<proc-red>１</proc-red> 文化祭で模擬店を出店するときには、クラス全員で話し合ってどのような店にするかを決め、食材費、食器、飾りつけなどの項目ごとにどれくらい資金が必要か予算を作成する。また、責任者を選び、責任者が資金の管理も含め中心となって運営する。この例では資金は学校から20,000円を預かり、さらにクラスのメンバーからも8,000円を集めている。
<proc-red>２</proc-red> 責任者は、取引（お金の支出や売上による収入）を日付順（発生順）に現金出納帳に記録する。現金出納帳には残高を記入する欄もあり、手許の現金とチェックすることもできる。また、支出した証拠書類としてレシートなどをわかりやすいように整理しておく。 
<proc-red>３</proc-red> 現金出納帳は日付順に記入されているので、食材費、食器や飾付けといった項目ごとに、いくら使ったかすぐにわからない。そこで集計表を作成し、項目毎に予算と支出した金額を整理しておく。 
<proc-red>４</proc-red> 文化祭が終わったら責任者は会計報告書を作成する。収入と支出を対比させて利益を計算したり、残った現金や食器などを明らかにする。

この部分で"h5"タグの設定をしてもうまく変わってくれましたが、どこか他の所でも当然スタイルの設定をしているはずです。
とりあえず、結果オーライですが、今ひとつ、これで良いのかと思っています。

フォームメールの作成

次に、CGIを使ってフォームメールを作成したいのですが、ロリポップのマニュアルにもあまり詳しく書いていません。もう少し調べる必要がありそうです。