ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

スマホ表示の際のスライダーの記事タイトルの行間調整

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スマホのトップページの記事タイトルを2列表示にしたい

トップページのタイトルの表示が見切れてしまいます。2列にして表示することはできますか?

A.下記のcssファイルの該当箇所を編集します

編集するファイル:style_sp.css
編集する箇所:

#main_slider .caption { margin:0; background:rgba(0, 0, 0, 0.5);
height:50px; width:90%; line-height:50px; padding:0 5%; color:#fff;
display:block; font-size:12px; position:absolute; bottom:0px;
left:0px; z-index:2; text-decoration:none; text-align:center; }

※「line-height:50px」の値を調整ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事