質問: こんにちは。 現在以下のサイトを参考にGoogle画像検索風のアコーディオン表示を実装しようとしているのですが、2点うまくいかない点があります。 1点目は画像のサイズが変えられないことです。 CSSで.listCover .listItem imgのwidthを変更しても変わりません。 2点目は画像の左上に謎の黒い点が入ることです。 おそらくli要素であることによるものだと思うのですが、list-style-type:none;を指定しても消すことができませんでした。 こちらのページになります。 宜しくお願い致します。
回答: おそらく、ブログに元から入っているCSS(WordPressのテーマ)のせいだと思います。 1点目の画像サイズについては、 .entry-content img が max-width: 100%;となっていますので、 .listItem imgに直接classをつけて指定するといいかもしれません。 2点目の黒い点については、 .entry-content ul liのbefore要素にスタイル指定されているため、 ``` .entry-content ul li:before { display:none; } ``` これで打ち消せると思います。 *追記・修正です。 すみません。 imgにclass追加より、そのimgが入っているliの横幅を変更したほうが良いですね。 jQueryのスクリプトの listBaseWidth の値を変えるとできると思います。