SILK最新版の横長ブログカードでは、Cocoon設定のブログカードにあるサムネイルスタイル（左側・右側）にも対応するよう調整してみました。

https://dateqa.com/cocoon/

ブログカードブロックのスタイルで「横長」を選択するだけで、サムネイル画像の左右を設定に合わせて変更できます。

また、横長ブログカードをメインで使用したい場合は、ブログカードのデフォルトスタイルを「横長」に設定しておけば、毎回スタイルを変更しなくて済みます。

やってみます。

HTMLやCSSの基礎的なトピックについては、以下のトピックに有用な情報があります。

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

ちょっと前の記事ですが、わいひらさんのデベロッパーツールの使い方を書いてくださっている記事。

WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

ご自身で難しいカスタマイズは、以下のリンクに掲載されている方に見積もりをお願いしてみてください。

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

他にも、方法はあるのかもしれませんが、CSSファイルで上書きすると、以下のような感じになりました。

あまり、詳しく試していないので、間違っているかもしれません。

サムネイルは右側の方が良い、とおっしゃられても手間がかかるため、ご容赦ください。

書き方のヒントぐらいには、なるかと思いますので、あとはご自身でやってみてください。

.blogcard-wrap {
  max-width: none;
  border-radius: 0;
}

.blogcard {
  padding: 1.6% 2.2% 2%;
  border: 1px solid #ccc;
}

.blogcard-thumbnail {
  float: left;
  width: 160px;
  margin-top: 3px;
}

.blogcard-content {
  padding: 0;
  margin-left: 170px;
  max-height: 140px;
  min-height: 100px;
}

.blogcard-title {
  font-size: 18px;
  margin-bottom: 0.4em;
}

.blogcard-footer {
  padding: 0.6% 0 0;
  font-size: 16px;
  opacity: 1;
}

@media screen and (max-width: 834px) {

  .blogcard-thumbnail {
    width: 120px;
  }  

  .blogcard-title {
    font-size: 0.9em;
    margin-bottom: 0;
  }

  .blogcard-snippet {
    font-size: 12px;
  }

  .blogcard-content {
    margin-left: 130px;
    max-height: 120px;
    min-height: 70px;
    font-size: 0.9em;
    line-height: 1.2;
  }

  .blogcard-footer {
    font-size: 14px;
  }

}

他のスキンではリンク先のサムネイルと記事タイトル等が横並びになっており、「Cocoon設定」→「ブログカード」からサムネイルの位置（右側、左側）を編集できるのですが、 silkスキンを使うと、サムネイルとタイトルなどが縦に並んでしまい、サムネイルの表示位置（右側、左側）が調整できません。silkスキンのまま、横並びにする方法があれば教えていただけると助かります。

よろしくお願いします。