WordPressテーマSANGOの質問

人気記事一覧の画像まわりに白枠を入れたい

アバター
にこ

サルワカのトップページ、人気記事一覧のアイキャッチ表示のように写真の上下左右に白枠を入れる事は可能でしょうか?それと、そのカード自体の四隅の角を丸くすることは可能ですか?出来れば右方ウィジェットのアーカイブやカテゴリー等の枠の四隅角も丸く出来ればすごく嬉しいです。

カスタマイザーでデザイン設定
カスタマイザーでデザインや細かな設定をしよう
コメントへの回答
サルワカくん
サルワカくん
2018/03/09

「SANGO」カスタマイズ:一覧ページの画像に余白をつける方法という記事を書いてくださっている方がいらっしゃいます。こちらをご確認頂ければ。
ウィジェットやカードの角を丸くするには、以下のCSSを追加すればおそらくOKです。

.cardtype .cardtype__article {/*カードの丸み*/
    border-radius: 10px;/*丸み度合い*/
}

.sidebar .widget:not(.widget_search) {/*サイドバーウィジェットに丸み*/
    border-radius: 10px;/*丸み度合い*/
    overflow: hidden;
}
.textwidget p {
margin-top: 0;
}
アバター
にこ
2018/03/09

お忙しい中すぐに解答頂き大変感謝致します。すごく参考になりました。本当にありがとうございます。