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

ワードプレステーマ別

TCDテーマOpinion:スライダー部分の背景色を変更する

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページスライダー部分の背景色の変更をしたい

スライダー部分の黒い背景色やタイトル、日付やカテゴリーの文字色の変更方法を教えてください。

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

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

/* featured post */
#index_featured_post { background:#222; position:relative;
width:950px; height:330px; overflow:hidden; }

※background:#222部分のカラーコードをご編集ください。

また、スライド表示中の記事の背景色の変更は下記箇所のbackgroundを同様に編集します。

#sub_slider .item:hover, #sub_slider .item.slick-current { background:#444; }

・タイトルの文字色変更

#sub_slider .title { clear:both; margin:0; padding:0; color:#fff;
font-size:13px; line-height:170%; }

・日付、カテゴリーの文字色

#sub_slider p { float:left; color:#888; line-height:100%;
font-size:11px; border-right:1px solid #888; margin:0 10px 5px 0;
padding:0 10px 0 0; }

※colorのカラーコードを編集してください。

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

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

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