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

TCDテーマORIONトップページ内の特別ページ一覧に表示されるタイトルを常に表示しておく方法

TCDテーマORIONトップページ内の特別ページでは、現在マウスで触ったら文字が表示されます。
レスポンシブ対応のスマホでみたときと同じように、常にテキスト内容が表示されている状態にしたいと思われたことはありませんか?

今回は常に表示されるようにカスタマイズしていきたいと思います。

※カスタマイズをされる場合は必ずバックアップしてからおこなってください。

1.カスタマイズするCSSを表示させる

管理画面から【外観】にマウスをあてていただき、【テーマの編集】ボタンをクリックしていただきます。

次に画面を右側に【style.css】がありますのでクリックして下さい。

2.下記コードを編集します。

<修正前>
下記コードを修正します。


 #index_dis_list li:hover .caption {
 opacity:1; top:50%; top:-webkit-calc(50% + 5px); top:-moz-calc(50% +
5px); top:calc(50% + 5px); left:50%;
 -webkit-transform: translate3d(-50%,-50%,0); transform:
translate3d(-50%,-50%,0);
}

<修正後>
下記コードに変更します。

#index_dis_list li .caption {
 opacity:1; top:50%; top:-webkit-calc(50% + 5px); top:-moz-calc(50% +
5px); top:calc(50% + 5px); left:50%;
 -webkit-transform: translate3d(-50%,-50%,0); transform:
translate3d(-50%,-50%,0);
}

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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