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

TCDテーマMONOLITH:スマホにて、トップページのプロジェクトのタイトルを表示する

Q.スマホにて、トップページのプロジェクトのタイトルを表示したいです。

トップページのプロジェクトコンテンツはマウスオーバー時にタイトルが表示されるので、
スマホで表示時、タイトルが見えません。
マウスオーバーしていなくても表示できませんか?

A.可能です。カスタムCSSに追記してください。

外観>TCDテーマオプション>基本設定
にありますカスタムCSSに下記内容のどちらか片方を記述してください。

.mobile #project_list .title {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    background: rgba(255,255,255,0.4);
}

または、

.mobile #project_list .title {
  position: static;
  -webkit-transform: unset;
  transform: unset;
  min-height: 200px;
}
.mobile #project_list li:hover .title {
  -webkit-transform: unset;
  transform: unset;
}

お好みの方をお使いください。
また、高さや色など、お好みの色へ調整してください。

カスタマイズの際は必ずバックアップをご用意の上、お客様の責任において実施して頂きますようお願い申し上げます。

The following two tabs change content below.

ヨコ

趣味はゲーム、マンガ、アニメです。 最近は3Dに何故か弱くなってしまったので、2Dアクションゲームばかりやっています。

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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