TCDテーマAMORE：トップページの円形バナーを四角に変更する

Q.第3ブロックの丸いバナーの形を変更したい

トップページの第3ブロックに表示している3つのバナーですが、第5ブロックのように四角に表示することはできますか？

A.下記のphpファイルの該当箇所を編集します

1. バナーの形を四角に変更する

編集するファイル：page-welcome.php
編集する箇所：

<div style="background-image:url(<?php echo $options['third_banner_image'.$i]; ?>); width:70%" class="img-circle square-80 heightaswidth mb20 circle-banner">

　　↓

<div style="background-image:url(<?php echo $options['third_banner_image'.$i]; ?>); width:70%" class="square-80 heightaswidth mb20 circle-banner">

※img-circleを削除します。

2. マウスオーバーした際のオーバーレイの形を四角に変更する

管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストしてください。

.circle-banner .cover {
    border-radius: 0px;
}