タイル3列のentry-cardのborderのアレンジについて

PR 2015/3/22

このトピックには2件の返信、2人の参加者があり、最後に蟹爪フライにより11年、 3ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2015年3月22日 12:08 AM #24243
  
  蟹爪フライ
  ゲスト
  
  いつもありがとうございます。
  1.5.8版で、child20141130を利用しています。
  
  タイル3列を選んだ場合に
  画像の角丸処理を選んでいることもあり
  画像の曲線とentry-cardの曲線が微妙に合わないことから
  囲んでいるborderをいじりたくなりました。
  色を変えたり、0にしたりと、試してみたいという理由もあります。
  
  そこでentry-card.phpを凝視したのですが囲んでいる要素がよくわからず、
  cssからborderやradiusを検索してもそれらしきものが見つかりませんでした。
  子テーマのtile-listにして#main .entryを試したり、
  http://nelog.jp/jquerymasonry
  を拝見してentryを指定したりもしたのですが
  borderが変わることはありませんでした。
  
  私が見落としておりましたら誠に申し訳ないのですが
  一覧ページのタイル3列バージョンで
  画像・タイトル・投稿日や本文などを囲んでいる
  bordeをいじるための場所や方法を教えていただけますでしょうか。
  よろしくお願いいたします。
- 2015年3月22日 1:19 PM #24284
  わいひら
  キーマスター
  まずそういった時は、ブラウザのデベロッパーツールで該当部分のHTML要素を調査してスタイルを確認してみることをお勧めします。
  使い方は「ブラウザ名デベロッパーツール」とでも検索すればいろいろ出てくると思います。
  それで、優先度で負けていてスタイルが適用されない場合は、importantなどを使用して優先度を上げて適用させてください。
```
#main .entry {
    border-radius: 10px !important;
}
```
- 2015年3月22日 3:35 PM #24298
  
  蟹爪フライ
  ゲスト
  
  ありがとうございます！
  importantの意味を初めて知りました。
  また、デベロッパーツールという存在は知っていたのですが
  特別にダウンロードしなければならないものという先入観があり敬遠していましたところ
  検索したら今使っているブラウザにすでに搭載されているとわかりすぐに使えました。
  おかげさまで意図するようにアレンジする方法がわかりました。
  教えていただきまして感謝いたします。
投稿者

投稿

2件の返信スレッドを表示中

トピック「タイル3列のentry-cardのborderのアレンジについて」には新しい返信をつけることはできません。