Cocoonフォーラム

図に示すようにエントリーカードにも、同じように半角スペースがあります。左が半角スペースあり、右が半角スペースを削除した状態です。 意図的にアイコンフォントの間をmarginでなく、半角スペースとしているのですか？ new_listの作成日付の部分にも、時計アイコンが付きますが、そこには半角ス...

@akira さん 投稿者、過去のフォーラムのブログURL見ると「Webデザイナー」と書かれてたので、そこら辺はできるのでは？

----------------------------------------------テーマ名：Cocoonバージョン：2.4.8.3カテゴリ数：19タグ数：143ユーザー数：1---------------------------------------------- 確認しました、本件...

よく見たら子テーマCSSに、アイコンフォント付加のコードは定義してありした苦笑 ●原因子テーマCSSにエラーがあります。（図参照）致命的なのは196～278行目の間に「｝」がありません。この為、全くCSSが反映されません。以下でチェックを掛けて見直し下さい。 また、CSSはFont awes...

解決してよかったです。しかし、本文中に限って段落指定があり、同じウィジェットなのに、表示が異なるのはどうかと思え。これが本対策なのか、判断できず。 わいひらさん細かい話で申し訳なく。[Cocoon設定]→[本文]→行の余白設定したmargin-bottomの適用範囲はどこまででしょうか？多々cl...

●原因本文中と、例としてインデックスリストトップで各段落の余白（margin-bottom）の扱いが異なっている。本文中の場合、各段落（リストと見出しの間など）にmargin-bottom:1.4emが適用され、空白ができてしまう。インデックスリストには余白が指定されていない。図赤字を参照。 ●...

以下に例を示します。該当箇所のidなど追加し対応のこと。 /* ウィジェットのリストの先頭にアイコンフォントを付ける */ .widget li a:before { color: #ffb6c1; content: '\f138'; /* アイコンフォント */ font-...

どう上手くいかないか、です。 参考のサイトのテーブルは結構面倒な事していますね。そこまで複雑でなく、CSSのポイントは以下です。実際に図のように作成できます。 各セル(td)毎にspanで○、×、△のclassを指定 classの条件に応じ擬似要素を用い、○、×、△を背景に重ねる ...

@akira さん お騒がせしました。ありがとうございます。また一つ勉強になりました。

すみません、解決しました。[Cocoon設定]→[高速化]→Lazy Load設定が全てオンになっていました。ありがとうございます。本件とクローズます。

@akira さん 誤記で削除したく。idにfont-awesome-style、font-awesome5-update-styleが無いのですが...

提示してくれたpdfを見てもカードの文字色は黒のようですが。前を知らないので、聞くこと自体、筋違いです。無くなったclassを変更しただけなので、色の事は、依頼した業者にお願いするか、ご自分で対応願います。この件はこれでクローズです。

font-sizeの定義は元のままで、classを正しい物に変更しただけです。なので「ほぼ」でなく同じです。 フォーラムのマナーとして解決済みなら「解決済」ボタンをクリック願います。

私が回答した、上記、追加CSSに記載の赤字の部分を修正して下さい。 普通、個別ページのCSS、javascriptでなく、子テーマに記すべきだと思います。それと申し訳ないですが、以前のフォーラムでの質問含め、crypto_collegeさん自身、WordPressを勉強された方が良いかと思います...

gutenbergエディター開いて以下がありませんか？  1.png

トップページ(固定ページ)をエディターで開き、そのページの下のカスタムCSSに上記CSSありませんか？

昼と今で一部、divのclassが違いましたが、今はもう変化はしません。

はじめ見た時、何処かに上記「.front-page-type-tab-index h2.entry-card-title」が書かれており。（私はそのコードをコピペしただけです。）

高速化にチェックがあるのか、見えない部分もありますが、確か上記CSSが何処かに記述されていました。追加CSSに以下を追加して下さい。 以下の注意の通り、本来フォーラムのルールに反しています。また、たとえ業者に依頼したと言え、ご自分のブログ、内容を理解すべきだと私は思います。 基本的に、独...

@crypto_college さん 何か変更しました？先のclassが消えているように思えます。また、HTML縮小化していませんか？

[ダッシュボード]→[外観]→[カスタマイズ]→[追加CSS]に上記コードがありませんか？

@crypto_college さん 提示頂いた資料の中に「カスタマイズで実装した[show_list_tab_index]ショートコード」と記述があり。その部分に当たります。Cocoonの標準機能で無い為、どのようコードか分かりかねます。ただ、上記CSSで問題ないとは思いますが。

●追加CSS以下を.listに修正 /*エントリーカード*/.front-page-type-tab-index h2.entry-card-title { font-size: 1.2em;}/*スマホ表示時は文字を小さめに*/@media screen and (max-width: 83...

●原因新着記事、初心者タブ中の各リストにPCの時、class="list ect-entry-card front-page-type-tab-index"となっている。しかし、モバイルの時、class="list ect-entry-card"となり、front-page-type-tab-ind...

@mush_mush さんよかったです。恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

以下を追加します。投稿ページの時、ヘッダー部分(ロゴ)を非表示にします。 .single .header { display: none; }  1.png

@kobat さん 恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

@youplus さん TCDテーマ風のセンスの良いデザインですねお疲れ様でした

@mk2_mk2 さん図を見たら、Cocoonのタイトル「関連記事」が先に目に付き。よく読んだら、私の早とちりです、申し訳なく笑

●確認のお願い該当部分のHTMLを見るとid=related-entriesとCocoonの関連記事に見えますが？[Cocoon設定]→[投稿]→関連記事設定「表示」ではないんですか？ 2.png

上記ですが、カルーセルのカード中にimg「READ MORE」があり、そのカスタマイズが失敗していたようですね。あと子テーマCSSにエラーがあったので連絡しておきます。  1.png

それは原因調査の為、私も同じです笑、お疲れ様でした。

今見るとカルーセル、動作するようですね。恐れ入りますが、フォーラムのマナーとして、結論（簡単な原因など）を記入の上、解決の場合、「解決済み」をクリック願います。

●原因以下の部分も手を加えていませんか？スペース以外の文字コードがプロパティの前にあり、エラーとなっています。（図参照）div.easyLink-box div.easyLink-img, div.easyLink-box div.easyLink-img p.easyLink-img-box, d...

●Chromeエラーについて特に動作には支障はないと思います。以下を参照 ●原因カルーセルが動作しないのは、カルーセルの要素の並びがおかしい。 HTML(id=carousel)を見ると、カルーセルのカード数は最小で12のところ、カードが2個しかないように見えます。カード(class=c...

●補足[外観]→[テーマファイルエディター]の該当ファイルに、フォーラム掲載のコードを直接コピペすると、意図しないコードが混入する場合があります。この為、一旦、notepadなどPC上のテキストエディタ上で編集した上で、上記にコピペして下さい。

@simpleandwell さん.easyLink-info-btnの前に半角スペース以外の文字が残っています。（■の部分）削除願います。 ●質問この手の不当コードの問題が結構あり。どうの様な手順でコードを入れていますか？PC(mac？）は何ですか？ 2022-08-28_10h29_5...

同じ質問が二重投稿されており。回答は以下にお願いします。

日本語のマルチバイトを扱う場合、WordPressプラグイン「WP Multibyte Patch」が必要です。これがインストールされていないので、インストールし確認してみて下さい。 ●注意フォーラムに二重投稿されており。「解決済み」ボタンを押し、フォーラムの一方だけに回答を求めて下さい。

@simpleandwell さん ●原因プロパティの前に半角スペース以外のコードがありエラーとなっている。 ボタンの並びが横並び(easyLink-info-btn)が無視されている。 ボタンサイズ35×35pxが無視されている。 @media screen and (max-...

@simpleandwell さんCSSを圧縮して問題の状態にして下さい。

@simpleandwell さん恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

●原因ボタンが50×50pxを大きく、広告枠が広がってしまい、はみ出した。 ●対策 ボタンのサイズを40×40pxに変更する。 ボタン間の隙間をmarginでなくgapに変更する。 中央配置→均等配置(space-around)に変更 ●CSS以下の赤字の部分を修正して下さい。...

図が4系のフォントです。これに合わせ5系の「\f0c8」squareとします。 div#bbpress-forums a.bbp-topic-permalink:before { content: "\f0c8"; font-family: 'Font Awesome 5 Free'...

子テーマCSSにエラーがあり。 #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink { display: block; font-weight: 900; color: #A...

●原因フォントコード「\f096」 (fa-square-o)は4系のCheckBoxで、5系ではなくなっています。 ●対策[Cocoon設定]→[全体]→サイトアイコンフォント「Font Awesome 5」になっていませんか？Font Awesome 4に変更して表示されますか？ a....

@yhira さん あるブログにパーマリンクの事が書かれており、実際に確認しただけです。WordPressのフォーラムにも書いてあり「そう言うものなんだ」と思い。変更不要です。なので本件はクローズします。