TCDテーマCORE：トップページのタブ記事一覧１の「NEW」の文言・背景色・文字色を変更する方法、非表示にする方法

Q.トップページ「タブ記事一覧１」の『NEW』の文言を変更したい。

この記事では、
・「NEW」の文言変更
・「NEW」の背景色・文字色変更
・「NEW」を非表示にする方法
についてご紹介します。

＜変更箇所イメージ＞　　　→COREデモサイト

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

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

・「NEW」の文言を変更する

.index_post_list .post_type1 .title:before,
.index_post_list .post_type2 .title:before {
    content: 'NEW'; width: 45px; }

NEWを任意のテキストに変更してください。文字数によっては表示が崩れてしまいますので、全角5字以上の場合はwidthの値を調整してください。

・「NEW」の背景色・文字色を変更する

.index_post_list .post_type1 .title:before,
.index_post_list .post_type2 .title:before {
    background: #333; color: #fff; }

backgroundが背景色、colorが文字色です。お好みのカラーコードに変更してください。

・「NEW」を非表示にする

.index_post_list .post_type1 .title:before,
.index_post_list .post_type2 .title:before {
    display: none; }