TCDテーマCherie：コンテンツ見出しの円形を正方形に変更する方法

Q.私のサイトではシェイプ「直角」を設定しています。トップページコンテンツビルダーの各コンテンツの円の中に見出しが入るデザインも直角にできませんか？

▼変更後のイメージ　　　変更前：Cherieデモサイト

購入前のお客様へCherieのオプション項目「カラー・シェイプ」についてはデモサイト記事でもご紹介しています。

ワンタッチでイメージを変えるカラー・シェイプ機能 – WordPressテーマ「Cherie」

Cherieには、各所のカラーやシェイプ（形状）をワンタッチで変更できる機能があります。カラーあらかじめ用意されている5色のカラーをクリックするだけで、サイト全体のカラーが瞬時に変更されます。

シェイプで「直角」を設定したデモサイトもご用意しています。ぜひ検討の参考にしてください。

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

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

.design_content .headline, .cb_headline {
    border-radius: 0;
}

 
正方形ではなく、横長の長方形にしたい場合は以下の記述をカスタムCSSに入力してください。

.design_content .headline, .cb_headline {
    width: 160px;
    height: 60px;
    border-radius: 0;
    text-align: center;
    top: -30px;
}

widthで横幅、heightで縦幅を指定します。heightを調整する場合はtop（見出しの上下位置）の値も併せてご調整ください。border-radiusを10pxにするとシェイプで「角丸」を設定したときの丸みと同じになります。
 
さらに、ニュースティッカーやお客様の声なども直角にされたい場合は下記のCSSを適宜追加してください。

/* ニュースティッカー */
#news_ticker,
#news_ticker .image_wrap { border-radius: 0; }
/* お客様の声の名前部分 */
.voice_list .title { border-radius: 0; }
/* ブログカテゴリー */
#archive_recommend_post_slider .category,
#single_post_header .category,
.blog_list .category { border-radius: 0; }
/* 見出し */
#archive_blog .headline,
#related_post .headline,
#archive_news .headline { border-radius: 0; }