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

ワードプレステーマ別

TCDテーマFAMOUS:スマホ表示時、トップページ「お知らせ記事一覧」コンテンツのテキスト部分に背景色を指定する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.スマホで表示した際、トップページの「INFORMATION」の文字背景が透明になります。

トップページコンテンツビルダーの「お知らせ記事一覧」コンテンツの記事タイトル・投稿日付箇所の背景は、PCでは白色が適用されておりますが、スマホでは白色の背景は適用されません。

なお、このコンテンツの「背景画像」と「オーバーレイカラー」はPC・スマホ表示両方に反映されます。スマホ表示時に文字が読みづらいという場合は、テーマ機能としてオーバーレイカラーを設定頂くこともご検討ください。
※設定箇所:TCDテーマ>トップページ>コンテンツビルダー内「お知らせ記事一覧」の『コンテンツ背景画像設定』
 
▼変更後のイメージ
変更後のイメージ

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

TCDテーマ>基本設定のカスタムCSSに入力してください。

@media screen and (max-width: 991px){
  .p-cb__item.has-bg .p-index-archive__item a { background: #fff; }
  .p-cb__item.has-bg .p-index-archive__item-info { padding: 6px 8px; }
}

paddingの値(内側余白)は任意に変更してください。

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

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

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