TCDテーマHOMME：トップページ・スタイルアーカイブでホバー前にも記事タイトルを表示させる方法

Q.トップページの「スタイル一覧」とスタイル一覧ページで、マウスホバーする前にも記事タイトルを表示させておくことはできますか？

TCD LABO

HOMMEのカスタム投稿タイプ「スタイル」では画像を魅せるコンテンツを想定しているので、ホバー前は画像のみが表示されています。

▼変更後のイメージ　　→変更前：デモサイトのスタイルアーカイブページ

A.下記の方法でご対応ください。

TCDテーマ＞基本設定のカスタムCSSに入力してください。トップページの「スタイル一覧」・スタイル一覧ページどちらにも適用されます。

.style_list .content {
    transform: none; }

文字が読みづらい場合は？

スタイル記事に設定するアイキャッチ画像によっては文字が見づらいことがあります。その場合は以下のCSSをお好みで追加してください。

・タイトル部分に背景色をつける

.style_list .title {
    background: rgba(0, 0, 0, 0.2); }

・タイトルの文字色と上ボーダー色を変更する

.style_list .title {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    color: ○; }

カラーコードは任意に変更してください。参考：RGBA変換ツール