wordpressプラグイン「WP Latest Posts Blocks」のサムネイルサイズ変更

Question

wordpressプラグイン「WP Latest Posts Blocks」を使用しています。
デフォルトデザインを使用し、cssで簡単なデザイン変更をしたいです。

カラー等こちらでお伺いし変更できたのですが、サムネイルサイズが変更できません。
プラグインのCSS(wplp_front.css)にあるサムネイルに関連するかと思った部分

.wplp_container .thumbnail {
	display: block;
	overflow: hidden;
    border: none;
    padding: 0;
}

上記しか見つけられず、サイズを記述してみましたが変更されませんでした。

ブラウザサイズを変えるとサイズが変わるので、こんな単純な作業ではないのでしょうか。
何かヒントになることでも結構ですので、分かりましたらご教授願いますでしょうか。

よろしくお願いいたします。

Answer 1

画像自体は100%(親要素に対する)なので、その先祖要素である<li>要素に指定してあげましょう。
メディアクエリで横幅が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してあげれば変更できるでしょう

Comments

[yoso]

ありがとうございます！
対応する行数まで書いていただき、とても分かりやすくすぐに変更できました。