お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマHARVES:画像の角丸を直角に変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.サイト内で画像の四隅が角丸になっていますが、これを直角に変更したいです。

▼変更後のイメージ(トップページの「商品ランキング」)  →変更前:HARVESデモサイトトップページ
変更箇所イメージ

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

TCDテーマ>基本設定のカスタムCSSに入力してください。

.p-news-ticker, .p-news-ticker-label, .p-cb-intro-image,
.p-product-cards-item-image, .p-cb-review .p-voice-cards-item,
.p-cb-product-ranking, .p-megamenu01-type1-slide-item-image {
    border-radius:  0; }

 
一部のみ直角にしたい場合は、以下を参考に直角にしたいクラス名だけにCSSを指定してください。
▼トップページニュースティッカー
.p-news-ticker
.p-news-ticker-label
▼トップページデザインコンテンツ・LPの「レイアウト」
.p-cb-intro-image
▼トップページなどの各商品画像
.p-product-cards-item-image
▼トップページ商品レビュー
.p-cb-review .p-voice-cards-item
▼トップページ商品ランキングのコンテンツ背景
.p-cb-product-ranking
▼メガメニュー記事カルーセル
.p-megamenu01-type1-slide-item-image

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

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