「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマAVANT:イベントタグの文字数が多い場合のトップページ記事スライダーの表示対処方法

Q.トップページの記事スライダーで『イベントタグ』がはみ出してしまいます。

誠に恐れ入りますが、イベントタグは最大全角6字程度を想定したレイアウト仕様となっております。それ以上の文字数を設定している場合、トップページヘッダーコンテンツの「記事スライダー」のタイプ2、タイプ3では表示が崩れているように感じることがあります。
 
▼変更箇所イメージ
変更箇所イメージ

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

外観>TCDテーマオプション>基本設定のカスタムCSSに以下を入力してください。

.p-article12__cat { min-width: 150px; }

※数値は適宜ご変更ください。

補足)スライダー内の大きく表示されているイベント記事のイベントタグでは、すべて上記で設定した横幅が適用されます。(小さく表示されているイベント記事には適用されない。)

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

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

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