Cocoonフォーラム

アイキャチに設定した画像をfigureの背景画像として拡大表示させてボカしており。なる程です。

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------Font Awesom...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1---------------------------------------------- ボーダー部分...

@yhira さんスキンの図示の部分を元に戻して下さい。デフォルトカードの罫線が消えています。 書き方が悪かったです。使用している部分の動作を書いただけで、削除の作業を指示ではありません。 修正は、#recommended-in .a-wrap→.recommended-in .a-wrap...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------カラム設定の全体幅がb...

各クラス、IDに設定される親テーマ、カスタムCSSが見れていますか？Chromeデベロッパーツールで各要素のCSSを確認するのが術です。Chromeデベロッパーツールについてもネットに多数情報があります。 ここはテーマCocoonについての問合せの場です。テーマに関する以前の、CSSの基礎の質問...

@hyoutantugi さん恐れ入りますが、フォーラムのマナーとして解決したなら「解決済」として下さい。

複数クラスが有無は関係なく、単にCSSの理解が足りないです。各々のクラスに意味があります。ネットに数多く情報があるので、CSSについて一読される事をお勧めします。 例： article:投稿本文 post-t:固定ページID7 post:固定ページ .article { ma...

すみません誤字です。参考で書いたHTMLタグを、アイキャッチのソースに入れます。 本件ですが、正式にサポートするのか一旦、回答を待ちましょう。

●ご参考前提条件：対象は縦画像以下でアイキャッチ画像用のHTMLタグを作っており。画像サイズ縦＞横なら、先のHTMLタグをに入れ。CSSで操作すればできます。 2023-05-30_14h12_26.png

●対策案上記のIDを削除する。 ●影響範囲親テーマCSSで上記のIDを使用しているCSS skin-momoon-aqua skin-momoon-gree skin-momoon-orange skin-momoon-pink skin-momoon-purple カ...

@kazusun さん 単に2枚の画像を重ねているだけで、画像そのものを合成している訳ではなく。この為、各カードのサムネイルには反映されません。 Cocoon自体に、画像そのものを加工し、1枚の画像にする機能をサポートする必要になります。

思い付いたアイデアだけ記述しておきます。対象は縦画像だと思います。 HTML <div class=over> <img src=a.png> <img src=a.png> </div> CSS /* 背景画像フィルタ...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------Gutenberエディ...

了解しました。本件をクローズとします。

以下の吹き出しスタイルがあり。LINE風を除いて左右対になっています。仕様不統一かと思います。 わいひらさんの回答を待ちます。 デフォルト フラット LINE風 考え事

●Gutenbergエディターの「アイキャッチ画像を設定」パネル 「アイキャッチ画像」がオンになっていますか？ 図①をクリック 図②「設定」をクリック 「パネル」をクリック 1.png ●画像 [Cocoon設定]→[画像]→アイキャッチの自動設定「アイキャッチ...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------修正された事を確認しま...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------修正された事を確認しま...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------修正された事を確認しま...

以下のCSSを追加します。 /* 丸と数字削除 */ .toc-list>li>a::before { content: none; } /* 上下の罫線削除 */ .toc-list>li>a { border: 0; }  202...

adminツールバー有の時、OK。 2023-05-25_23h44_28.png adminツールバー無の時、NG。CSSが漏れています。 2023-05-26_00h02_10.png .mblt-header-mobile-buttons, .mblt-header-...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------修正されている事を確認...

●対策案 [Cocoon設定]→[モバイル]→モバイルメニュー ヘッダーモバイルボタン ヘッダー・フッターモバイルボタン モバイルボタン「モバイルボタンの固定表示」オフ※←ヘッダーモバイルボタンが重なるか否かなので、関係ないです。 adminツールバー表示の時、ヘッダーモバイ...

@shiofuki0929 さん 恐れ入りますが、フォーラムの注記にも書かれてる通り。具体的なコードなどは、回答を控えさせて頂きます。（有償レベルの話です。）ヒントの通り、ご自身でお調べになり対応願います。 JavaScript、PHPカスタマイズはサポート対象外させていただいています。...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1---------------------------------------------- センターロゴ（ス...

わいひら さん 問題は無いのです。プロフィール下のアイコンは四角枠の、白背景色のモノクロで、違和感が。修正するか否かYES、NOの答えを。 ｍｋ２ さん 昔は右寄りですね。上記のように黒背景色とかであれば気にならないのですが。

実現するには、PHPの知識が必要です。 ●スニペットの部分記事一覧のスニペットは、ショートコード、HTMLタグを除外しています。この為、修正するに一苦労かと思います。 ●案以下で追加された、フックを用いて、記事一覧のスニペットとは別に、任意の情報を表示可能です。実際、記事一覧に任意の情報...

----------------------------------------------テーマ名：Cocoonバージョン：2.6.0.3カテゴリー数：19タグ数：148ユーザー数：1----------------------------------------------border-bott...

@kaorishokuji-takuhai さん 図示するCSSを見ると、バグ対策中（公式リリース前）のソースではありません。 以下のマニュアル記載の手順に従い。 GitHubから最新版をダウンロード願います。 2023-05-23_16h53_31.png

一例ですが、私は、CSSで操作しています。 :root { --card-ratio: 16 / 9; } /* 画面サイズ834px以下の時 */ @media (width <= 834px) { :root { --card-ratio: 3 / 2;...

●補足border-bottomが重なり図示（赤枠）するようになってしまいます。 ●対策もしborderを付けるなら以下が必要かと。この場合、最後のborder(青枠)は表示されず。 .toc ul li:last-of-type, .toc ol li:last-of-type { ...

border-bottomを削除したのは、liタグに設定すると、h2、h3の目次が重なる部分（図赤枠）で変に重なる事となり。 2023-05-22_19h24_44.png

Cocoonの最新版、iPhoneXr、Safariで確認。目次枠内に収まるようになり。  IMG_5657.PNG

本コードは、Cocoon設定以外の画像の縦横比に変更するものです。ここで言う「アイキャッチのサイズ」は何を指しますか？ファイルサイズ（容量）なのか？画像の縦横比なのか？ ●ご参考 スマホでのファイル容量を気にしているなら、以下を参照下さい。 imgタグのsrcset・siz...

分かった事があり、情報共有の為、記述します。 [Cocoon設定]→[目次]→目次ナンバーの表示「数字（デフォルト）」かと思います。別件でスキン「カラフルライン」に問題があり。 この対策を適用し、Safariで表示すると、目次枠内から章番号がはみ出す事なく。※結果だけで、原因（問題発生アルゴ...

●対策案同作者の他スキンに合わせ、border-bottomなどを止める？ 2023-05-22_17h31_49.png

●原因 見出し部分をblockとしている為、折り返される。 ●補足inlineとした場合、border-bottomが文字幅になってしまう。この為、考慮が必要。 2023-05-22_17h15_09.png

何のCSSを抜粋したのか、分かりませんが、必要ありません。olタグの標準マーカーは数字です。曖昧な回答は混乱をきすので、気を付けましょう。 2023-05-22_13h37_26.png

@yamachan11 さん 恐れ入りますが、スキン「カラフルライン」の仕様です。何を確認したのでしょうか？ iPhoneXr、Safariで確認しましたが、目次の章番号がはみ出ます。 2023-05-22_10h23_06.png