【クリエイターモード】テンプレートManabitoで、トップページ新商品の「NEW」のアイコンのデザインを変えることはできますか。

CSSの編集で、「NEW」のアイコンのデザイン変更が可能です。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / トップ 「CSS」

入力欄内に一度カーソルを置いた状態でキーボードのCtrlとFキーを同時に押し、表示される検索窓に

.contents-item-img::before

と入力（コピー＆ペースト）し、キーボードのEnterキーを押して以下の記述を見つけてください。 

.contents-new-item-list .contents-item-img::before {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffa00b;
	border-radius: 50%;
	color: #fff;
	content: 'NEW';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 10px;
	font-weight: 600;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	left: calc(50% - 18px);
	position: absolute;
	top: -18px;
	width: 35px;
}

このCSSで色や形が指定されています。 
CSSを変更することで 、デザインの変更が可能です。

＜変更例＞

・三角形に変更し
・左上の位置に表示
・色をピンク（#ff2d72）に変更

.contents-new-item-list .contents-item-img::before { 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	align-items: center; 
	background-color: #ff2d72; 
	color: #fff; 
	content: 'NEW'; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	font-size: 12px; 
	font-weight: 600; 
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	justify-content: center; 
	left: -28px; 
	position: absolute; 
	top: -8px; 
	clip-path: polygon(100% 0, 0 0, 100% 0); 
	transform: rotate(-45deg); 
	height: 40px; 
	width: 80px; 
	clip-path: polygon(50% 0, 100% 100%, 0 100%); 
	padding-top: 10px; 
}