質問: wordpressプラグイン「WP Latest Posts Blocks」を使用しています。 デフォルトデザインを使用し、cssで簡単なデザイン変更をしたいです。 カラー等こちらでお伺いし変更できたのですが、サムネイルサイズが変更できません。 プラグインのCSS(wplp_front.css)にあるサムネイルに関連するかと思った部分 ``` .wplp_container .thumbnail { display: block; overflow: hidden; border: none; padding: 0; } ``` 上記しか見つけられず、サイズを記述してみましたが変更されませんでした。 ブラウザサイズを変えるとサイズが変わるので、こんな単純な作業ではないのでしょうか。 何かヒントになることでも結構ですので、分かりましたらご教授願いますでしょうか。 よろしくお願いいたします。
回答: 画像自体は100%(親要素に対する)なので、その先祖要素である``要素に指定してあげましょう。 メディアクエリで横幅が767px以下の時に ``` .flex-active-slide div ul li { width: 100% !important; } ``` が当たってるので、スマホサイズの時は`wplp_front.css`の575行目辺りです。 PCサイズの時はインラインで直接widthが指定されていたのでJavaScriptか何かで自動算出してるみたいでしたが、`#side .st-aside ul li ul li`に`width: 50%!important`と!importantしてあげれば変更できるでしょう