Cocoonフォーラム

@bravo0916 さん 書いた通り反映されています。以下のCSSですが幅の指定がないので、円にはなりません。またclassですがbc-brand-color.sns-follow .twitter-buttonが優先されるので、背景黒とはなりません。デベロッパーツールで確認願います。 @...

@bravo0916 さん メディアクエリをよく理解して下さい。画面サイズが1023px以下なら、書かれているCSSが適用になります。結果、iPhoneX Maxは1023pxより画面が小さいので、適用されません。

メディアクエリ、理解の為、以下を一読する事をお勧めします。

●原因 641行目に「}」が無いです。この為、NOMAD CODEのレビューボックスのCSSが無効となっています。 /wp-content/themes/cocoon-child-master/style.css /* 新着記事のNEW!-------------------------...

ここのページが参考になりませんか。

@akira さん なる程、勉強になります。

●ご参考 ヘッダー内に表示エリアを設け、そこにウィジェット(例：SNSフォローボタン)を配置させる方法もあります。

ヘッダーに内にボタンを設定するとなると話は別です。 CSSは用語の通り、各部品の色、レアウトなどの指定しかできません。新たに部品(SNSボタン)追加する事はできません。 現在、ヘッダーレイアウトで「トップメニュー」が設定され、ヘッダー内にグローバルメニューがあるとの事。 一つの方法として...

言われる通り、1つの画像しか設定はできません。 あらかじめ、複数のアイコン画像を並べ、1つの画像として作成します。これをヘッダーロゴとして設定しています。特別な事は一切していません。

単にSNS画像をグローバルメニューの横に貼り付けるなら以下と変わらず。 3.png ●手順[Cocoon設定]→[ヘッダー]→ヘッダーロゴ→ヘッダーロゴサイズ ヘッダーロゴとしてSNS画像を貼り付ける。  2306b42d629a3a9238795dc6...

以下で間違いないか確認したく。 ●要件ヘッダーに表示される「サイトのタイトル」右or左に、任意の画像(SNSロゴ)を表示させたい。例として、サイトのタイトル「blog top」の右にSNS画像を表示させる。 ●設定条件[Cocoon設定]→[ヘッダー]→ヘッダーレイアウト「トップメニュ小(右...

書き方に問題があります。この文章だと、現状機能に問題があるように受け取れてしまいます。 ●現状 マニュアル記載の通り、「catsには、表示するカテゴリをカンマ区切りで指定します。」です。 ●要望 表示不要なカテゴリを指定できたらと思います。カテゴリが数多くある場合、指定するのに時間を...

●スキン/wp-content/themes/cocoon-child-master/skins/skin-tegakinote-blue-coral/style.css ●確認アピールエリアのドットの色が--back-colorに修正されている事を確認しました。

Cocoon機能を工夫すれば可能です。これもCSSの作り込みが必要で、コピペでできる話ではないです。 ●参考のブログについて以下の構成となっています。 「マクリン」の部分はヘッダーロゴ ヘッダーロゴの右にヘッダーメユーを配置 「ガジェット8割」の部分はウィジェット(テキスト、検索) ...

●スキン/wp-content/themes/cocoon-child-master/skins/skin-tegakinote-blue-coral/style.css ●確認事項 アピールエリアのデザインについて確認したく。図の赤枠のドット部分ですが、ドットの色が--back-color...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.3.5カテゴリ数：17タグ数：80ユーザー数：1----------------------------------------------[Coocon設定]→[本...

スキン：/wp-content/themes/cocoon-child-master/skins/skin-tegakinote-blue-coral/style.css ●前回の指摘確認 カードタイプ「タイルカード2列」「タイルカード3列」の動作で正しく表示される事を確認しました。 ...

@crypto_college さん 既に回答済みです。単なるコードのコピペでなく、これを機に少しCSSの勉強をしましょう。 拡大したい要素{ zoom:拡大率; }

@donan-ec さん PC、モバイル両方に適用する場合、@media内に書かないで下さい。@media前に記述します。画面サイズで変化させたい要素がある場合、それぞれの@mediaに記述して下さい。これを機に少しCSSを勉強しましょう笑 /* プロフィール全体 */ .nwa .a...

[外観]→[カスタマイズ]→追加CSS 上記CSSを追加して確認しましたが、PCで反映されます。以下の「必要ならばここにコードを書く」の中にCSSを記述していませんか？ もし、このいずれかに記述していると、画面サイズが1023px、834px、480pxの時に適用されます。結果、スマホでは反...

一つの方法として 文字の部分を除いた画像をヘッダーとし設定 ヘッダー下に、文字の画像を並べメニューとして配置 有償でカスタマイズするレベルの話だと思います。

zoomで全体を縮小する事は可能です。但し、Firefoxの場合、縮小されません。 07aac58a5dc3d7e3e493bd4892688d0a.png

追記 見出しの件、よく見たらh2～h6はcocoon-skin-style-inline-css任せでした。(行の余白=1とした時、margin-bottom:0.9emと設定しており。)

ご参考 邪道な方法かも知れません。ページ表示直後に、jsで追加する方法もあります。 ●方法 それぞれのファイルにコードを追加。 $(function(){ url = 'ロゴBをクリックした時のURL'; pic = 'ロゴBの画像URL'; html = '&...

●原因プラグインVK Blocksが悪さをしているようです。親テーマのスキン「Simple Navy」は1256px幅ですが、VK Blocksが1140px幅に抑止しています。 ●対策一旦、プラグインVK Blocks、VK Block Patternsを停止して確認願いたく。

状況を再確認したく。 [Cocoon設定]→[エディタ]→「エディター色」図示する部分の背景色、文字色をクリアしてありますか？背景色が設定されていませんか？ 1.png

@usort さん 条件が漏れていました、再度確認願います。 ●手順 [Coocon設定]→[インデックス]→フロントページタイプ（β版）「カテゴリごと（2カラム）」「カテゴリごと（3カラム）」とカードタイプ「タイルカード2列」「タイルカード3列」 ●原因 前回の添付画像の通り、...

●見出しH3,H4の下線が見えない[Cocoon設定]→[エディタ]→エディタースタイル「エディターにテーマスタイルを反映させる」のチェックを外す子テーマのstyle.cssはエディタに反映しなくなるので、下線は消えます。 ●見出しH2の文字が見えない/wp-content/themes/coc...

●対象skin-tegakinote-dark-sky/style.css ●問題コーディングミスがあり。1086行目、bcolorとなっている。colorの誤記。1192行目、rgba(var(--back-color), .15)となっている。--back-color-rgbの誤記。2069...

●手順 [Cocoon設定]→[インデックス]→カードタイプ「タイルカード2列」or「タイルカード3列」を設定。 ●現象 上記設定の時、カードが図示のようにつぶれて表示されます。 ●原因 全体幅の計算が間違っています。 ●気になった点 透過色を使う為に、--primary...

●ご参考 Chromeに標準に備わっているデベロッパーツールを用いると、容易に要素のCSSを知る事ができます。一度、使ってみる事をお勧めします。尚、Mirosoft Edgeにも同様な機能があります。 2.png

●要件定義[Cocoon設定]→[モバイル]→モバイルメニュー「ヘッダーモバイルボタン」を設定。ヘッダーモバイルボタンに表示される、メニュー、検索のアイコン、キャプションの色を変更したい。 ●方法フッターモバイルボタンの色も合わせ変更となります。 .mobile-menu-buttons ....

以下のCSSを追加する事で可能です。この時、吹き出しに付けるclassはbottomとします。 ●補足大きい三角の色を#ccc(グレー)、小さい三角の色をピンク(#feeeed)として重ねる。大きい三角が少し見える為、それが外の枠(^)として見える。 /* 吹き出しとアイコンの横並び解除 *...

取り急ぎ分かる範囲で回答します。rate2336さんのCSS有識度にもよります。 ●要件定義 名前や肩書きなど、任意の文字をコメント以外に表示したい。 吹き出しをアイコン下に表示したい。 ●名前や肩書きなどの任意の文字表示可能。Cocoonの吹き出し機能で、コメント以外に、名前の...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.3.4カテゴリ数：17タグ数：80ユーザー数：1----------------------------------------------上記の件、確認しました。本...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.3.4カテゴリ数：17タグ数：80ユーザー数：1----------------------------------------------上記の件、確認しました。本...

@akira さん 上記のコード、要素がh1とdivなので、.logo-header:first-of-typeでなく、.logo-header:first-childですよね？なる程、justify-contentでなく、margin-right、margin-leftで左右寄せとは。良い勉強...

●原因図に示すように、font-familyを定義(footer.entry-footer span:lang(ja))している。この為、絵文字の部分が対照となり、font-familyが「Font Awesome 5 Free」でなく、「新丸ゴ R」となってしまい、絵文字が表示されなくなる。 ...

Akiraさんの具体例を記します。 子テーマのfunction.phpに追加します。 add_action( 'wp_header_logo_before_open', function() { echo '<div class="logo logo-header logo-im...

@yhira さん ----------------------------------------------テーマ名：Cocoonバージョン：2.4.3.3カテゴリ数：17タグ数：80ユーザー数：1---------------------------------------------- ...

要望が以下で間違いないか確認願います。 ●要望［Cocoon設定］→［ヘッダー］→ヘッダーロゴを設定。(赤画像) それ以外にヘッダーエリア内に画像(ロゴB)を追加したい。(青画像) ●制約制約としてロゴBをクリックしてもHOMEに戻りません。あくまでダミーです。ロゴAのみHOME...

本件はこれでクローズします。 他のSlickNavの表示例を見ると、どうも赤枠の「下向き＞」は不要ですね。モバイルの時、アイコン不要なので非表示とし解決。 .slicknav_menu .has-icon { display: none; } 1.png

@akira さん ありがとうございます。早速、lib/utils.phpを修正し、動作する事を確認しました。jQueryプラグインSlickNavを使っていたんですね。 あとデザインの件のみ、回答願います。

----------------------------------------------テーマ名：Cocoonバージョン：2.4.3.3カテゴリ数：17タグ数：80ユーザー数：1----------------------------------------------表記載のスキンについて動作...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.3.3カテゴリ数：17タグ数：80ユーザー数：1----------------------------------------------［Cocoon設定］→［全...

既に回答されていました笑 /* 下寄り */ .micro-balloon.micro-bottom:before { border-width: 0 0 10px 10px; } .micro-balloon.micro-bottom:after { border-width...