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

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

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

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

子テーマを編集します

stinger7childの中のstyle.cssに

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

を追加すればOKです。

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

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

関連コンテンツ
ブログランキング
  • にほんブログ村 教育ブログ プログラミング教育へ
  • にほんブログ村 子育てブログ 子供の習い事(教室・業者)へ

  • スポンサーリンク
    Google336 記事下
    Google336 記事下

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする

    スポンサーリンク
    Google336 記事下
    トップへ戻る