こっそり始める Blog

miwaを全力応援!菓子パンはスイーツ!iPhone大好き!

こっそり始める Blog header image 2

WordPressをカスタマイズして画像の枠を消したった

2012年08月13日 · コメント(0) · WordPress


おはようございます。

オリンピックも終わってあとは高校野球が楽しみな @tar0073 です。
いよいよ今日は春夏連覇を狙う大阪代表の大阪桐蔭の登場です。
ここ数年大阪代表は低迷していたので頑張って欲しいものです。


画像の枠が邪魔

こちらに移転してから、というかテーマに依存していたわけなんですが貼付けた画像に枠がついていたんです。
ずっと。。。

スクリーンショット 2012 08 13 9 36 21

こんな感じで全ての画像に枠がついていたんです。
正直ちょっとウザかったんですw
枠がつかないテーマもあるんですけど他で気に入らない部分があったり。。。

とにかくこちらを立てればあちらが立たずって状態ですねw

style.cssをいじる


色々面倒なのもあって見れないわけでもないので放置していたんです(;・∀・)
しかし以下のエントリを見て画像の枠を消すことに成功!

[WP] テーマの選定と子テーマの作成 | 最近,気になったこと…

そうです!
style.cssにちょっと追加して上げれば良かったんです。

#content .hentry img,
.widget img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
height: auto;
border: 0px solid #ddd;
padding: 1px;
}

以上のコードをstyle.cssに追記すればOKです。

スクリーンショット 2012 08 13 9 37 17

このように画像の枠が消えてしまいました。
こんなコード私では書けませんがコピペするだけなら出来ますw

ついでに


次のコードも追記しておきました。

#content a {
text-decoration: none;
border-bottom: 0px #0066aa;
}

これでリンクのアンダーラインも消えました。
こちらはリンクがわかりやすいとかもあると思うので、どちらがいいかはわかりません。
ついでなのでやってみただけですww

タグ : ··

コメント(0)

コメントはまだありません。

コメントする

CAPTCHA