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

ワードプレステーマ別

TCDテーマCORE:トップページのタブ記事内のサムネイル上に表示される「NEW」の文言変更

Q.タブ内のサムネイル上に表示される「NEW」を変更したい

タブ内のサムネイル上に「NEW」という文言が表示されますが、変更する方法を教えてください。また、非表示にする方法も併せてお願いします。
core-tab-new

A.下記のcssファイルの該当箇所を編集または削除(非表示)します

編集するファイル:style.css
編集(削除)する箇所:
①タブ内の最上部に大きく表示される記事の「NEW」

.index_post_list .post_type1 .title:before { content:'NEW';  z-index:9999; background:#333; color:#fff; line-height:45px; text-align:center; width:45px; height:45px; display:block; top:-45px; left:25px; position:absolute; font-size:11px; font-weight:normal; }

②下部の小さな記事の「NEW」

.index_post_list .post_type2 .title:before { content:'NEW';  z-index:9999; background:#333; color:#fff; line-height:45px; text-align:center; width:45px; height:45px; display:block; top:0px; left:0px; position:absolute; font-size:11px; font-weight:normal; }

※文言の修正は「NEW」を変更します。非表示にする場合は上記箇所を全て削除します。
また、文字数によっては表示が崩れてしまいますので、全角で5文字以上の場合widthの値を調整ください。

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

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

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