Stinger7のサムネイル画像を角丸にしてみた

Stinger7のサムネイル画像を角丸にしてみた

WordPressのテーマStinger7では、サムネイル画像が四角かまん丸しか選べません。

四角は野暮ったい、でもまん丸もちょっと違う・・・という場合は、まん丸の時に設定されるCSSを上書きしてしまいましょう

子テーマを編集します

stinger7childの中のstyle.cssに

.kadomaru img {
    border-radius: 10px;
}

を追加すればOKです。

もともとは
border-radius: 100px;
でまん丸になっていたものが、今回10pxで上書きしたので角丸になります。
10pxの値を大きくすれば、角の丸みが大きくなります。この辺は自分の好みで調節してください

Stingerの設定画面の「投稿一覧のサムネイルを丸くする」をチェックすることをお忘れなく!

タイトルとURLをコピーしました