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

ワードプレステーマ別

TCDテーマMASSIVE:トップページ3点ボックスコンテンツの各コンテンツ見出しの表示位置を調整する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページ3点ボックスコンテンツの各コンテンツ見出しの表示位置がPC・ブラウザによって異なるようです。

基本的には多くのPC・ブラウザで確認しても隙間が空かないレイアウト仕様にて表示されていますが、厳密にはブラウザやPC内にあるフォントタイプに依存するため、使われるフォントやサイズによっては隙間が空きます。
 
▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でご調整ください。

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

・PC表示時の調整
.cb_box_content .box_content .headline { bottom: -0.15em; }
・スマホ表示時の調整
@media screen and (max-width:750px) {
  .cb_box_content .box_content .headline { bottom:-0.18em; }
}

bottom:の数値を任意のものに変更ください。

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

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

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