WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマBRIDGE:トップページのスライドショーのキャプションの位置を変更する方法

Q.トップページのスライドショーのキャプションの位置を下にずらしたいです。

トップページのスライドショーのキャプションの位置を下にずらしたいのですが、どのようにすればいいでしょうか。

A.下記ファイルをご編集下さい。

編集する箇所:
外観>TCDテーマオプション>基本設定
にございます「カスタムCSS」に下記内容をご記述くださいませ。

.slider_main .caption {
    padding: 10px 50px;
    top: 75%;
}

以上です。
上記の10pxの箇所で上下の余白を、75%の部分でキャプション全体の位置を
下げておりますので、お好みの余白、位置にご調整くださいませ。

また、キャプションのフォントサイズにより、
人物の顔にかかることもございますので、
その時は、

.slider_main .caption .title {
    font-size: 30px;
}

上記のように、フォントサイズを
ご調整頂きますことがよろしいかと思われます。

他の箇所をご変更されたい場合は、
該当箇所の要素を指定頂きまして、
設定内容をご記述くださいませ。

どのようなID名、クラス名が使用されているかご確認頂く方法としては、
ブラウザに搭載されております「開発者モード」という機能をご使用頂きましたら、
簡単にご確認頂けるかと思います。
詳しくは下記の記事が参考になると思いますので、ご確認の上、お試しくださいませ。
http://design-plus1.com/tcd-w/2016/06/google-develop.html

尚、誠に恐れ入りますが、テーマファイルのカスタマイズ、プラグインの使用、
設定方法につきましてはサポートの対象外となっておりますため、
万が一不具合が生じました場合弊社では責任を負う事ができかねます。何卒ご了承下さいませ。
つきまして、カスタマイズに関しましては必ずバックアップをご用意の上、
恐縮ながらお客様の責任において実施して頂けますようお願い申し上げます。

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。