Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

新着記事をサムネイル横並びさせたい

CSSカスタマイズ相談

最新の投稿 : かうたっく 5年前

4 投稿

3 ユーザー

0 Reactions

2,331 表示

解決済

RSS

otemoyan

(@otemoyan)

New Member

結合: 5年前

投稿: 1

トピックスターター 2019年12月20日 11:59

わいひら様

とても自由度が高く、魅力的でcocoonテーマを使用させていただいております。

今回は、新着記事をサムネイルで横並びにしたく皆さんの投稿を参考にしCSSを修正したのですが、反映されません。

何が原因でしょうか。

cocoon　season autum を使用

ショートコードは

[new_list count="3" type="large_thumb_on" cats="all" children="1" post_type="post"]

cocoon　child のstyleCSSは、下記のように変更してみましたがだめでした。

.new-entry-cards.large-thumb {

display: flex;

}

#new-entry-cards.large-thumb a {

width: 33.333%;

}

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 30%;
}

/*768px以下*/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

また、TOPページの下部CSS追加のところにかきも入れてみましたが、だめでした。

.widget-entry-cards.card-large-image .a-wrap {
width:32.5%;
height:auto;
display: inline-flex;
}

@media screen and (max-width: 800px) {
.widget-entry-cards.card-large-image .a-wrap {
width:auto;
display: inline-flex;
}
}

.widget-entry-cards.not-default figure img {
padding: .5em;
}

.widget-entry-cards.card-large-image .a-wrap {
font-size: 95%;
text-align: left;
padding:.5em;
}

何が原因でしょうか？
初歩的な設定もふくめて教えていただけると助かります。