Q.タブ内のサムネイル上に表示される「NEW」を変更したい
タブ内のサムネイル上に「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の値を調整ください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!