ブログカードの幅が広がらない

ブログカードの幅を広げるにチェックを入れると、カスタマイザーのインラインのスタイルで、

.blog-card {
  width: calc(100% - 40px);
}

が効くだけなので、子テーマstyle.cssに、普通に

.blog-card {
  width: 100%;
}

と書いておくだけでもイケると思います。親スタイルで、width:500pxあたりが設定されているのを子テーマで100%にするだけです。

Ryo-KAさんのサイトでは、カスタマイザーのスタイル分が効いてないだけです。

幅が広くなったりの調整はclassでやる方がわかりやすいんですけどもインラインスタイルで適用されているので、例えば逆に何かしらの設定をインラインのスタイルが上書きしているよりは簡単に直せるはずです。

内容的に、わいひらさんへの話になってしまいますが

.blog-card {
  //ボーダーとか色々の設定
} 

.blog-card.wide {
  //幅広の時のサイズ
}

こうなってると、html上でも、実際に設定が適用されているかどうかがわかりやすいんですがね。
こういう状態なら、

[div class="blog-card wide"]
  //その中身
[/div]

となるわけですから、wideがついてる=カスタマイザーが適用されているとわかるわけです。何かしらのカスタマイザーの設定値の有無でクラスを付け替えると言うのはできないわけではないので、インラインで書くスタイルから離れられるようになるかと思うんですけれども。

あぁなるほど。
Simplicity2の場合は、子テーマのが後で読み込まれるのでインラインのスタイルを上書きしてるだけですね。
なんで子テーマで、width:100%(あるいは任意の値を入れるだけで解決です)。

カスタマイザーの設定を有効にしたい場合は、widthを子テーマの.blog-cardから取ればよいだけです。

>>カスタマイザーの設定を有効にしたい場合は、widthを子テーマの.blog-cardから取ればよいだけです。

子テーマからwidthを取ったら、いけました!!
Hidekichiさん、ありがとうございます。

それにしても、凄い知識量と応用力ですね。
助かりました!!

あと、別トピで [S]人気記事 ウィジェットでランキングが表示されない。という内容を上げているので、これも解決策があれば是非教えて頂けると助かります。