Cocoonフォーラム

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

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

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

相談内容:

不具合の発生手順:

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

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

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

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

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

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

ノマドコードで公開されている、見出しの...
 
共有:
通知
すべてクリア

[クローズ] ノマドコードで公開されている、見出しのカスタムcssを追加しても、トップページの見出しデザインだけが変わり、投稿→記事の見出しデザインが変更されません

10 投稿
4 ユーザー
5 Reactions
2,263 表示
(@湯桶)
Active Member
結合: 4年前
投稿: 6
Topic starter  

ワードプレスのコクーンを使用しています。

ノマドコードさん  https://code.nomad.inc/  の中で公開されているcocoonの見出し「左線(青色)」を使用したく、

 

以下、そのcssコードです

h2 {

  font-size: 20px !important;/*文字のサイズ*/

  border-left: 3px solid #4DA1FF;/*左線*/

  padding: .5em .7em;/*余白*/

  color: #272727;

  margin-bottom: 15px;

  border-top: none;

  border-bottom: none;

}

 

手順の通り「外観→カスタマイズ→追加css→コピーしたcssを貼り付け」したのですが、トップページの記事一覧の部分だけ装飾が変更されていました。

 

私のやりたい事としては、トップページではなく、「投稿から書く、“記事での見出し”のデザイン変更」です。

これは元々、「投稿→記事→見出し」には適用されないものなのでしょうか?私の認識違いならすみません。

 

一応、ひと通り調べて各キャッシュの削除はやってみましたが、改善されませんでした。

 

あまり要領を得ない質問で申し訳ありません、ぜひとも解決策を教えて下さい。

 

 


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、湯桶 さん

以下のトピックが参考になりそうです。

[解決済] Hタグの設定について

 

過去のご質問を調べると、答えが見つかる場合もあります。

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

CSSセレクターを「.article h2」とかにすればうまくいくかと思います。
ただ、外部ツールの不具合は、こちらのテーマ側からはどうしようもできないので、お手数でなければノマドコードの方に、ご連絡いただければ幸いです。


   
(@湯桶)
Active Member
結合: 4年前
投稿: 6
Topic starter  

@leafytree

ありがとうございます。

照らし合わせてみます


   
(@湯桶)
Active Member
結合: 4年前
投稿: 6
Topic starter  

@yhira

ありがとうございます。

リフィトリーさんの紹介してくださった質問でも出てきた、そのarticleという文字を使ってみます


   
(@湯桶)
Active Member
結合: 4年前
投稿: 6
Topic starter  

@leafytree

articleを使ってみて、一応記事の見出しに反映されたのですが、cocoonの初期見出しの上に重なっている状態です。

cocoon初期見出しのテキストの青いデザインと、背景の薄青色のつぶつぶのようなものを消すにはどうしたらいいでしょうか?

先程の回答済みの質問では、ボーダーを消すという操作しかしていなかったので、border:none;で枠線を消せても、上記で述べた、青色の文字と背景のつぶつぶが消えません。


   
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1087
 

ページを見ていませんが、文字色であれば

color: #000;

で黒色に、背景は

background: none;

で無地になるのではないかと思います。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

湯桶 さん

フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にしていただければ、もう少し具体的なアドバイスがいただけるかもしれません。

 

 


   
わいひら reacted
(@湯桶)
Active Member
結合: 4年前
投稿: 6
Topic starter  

@leafytree

すみません。

URLを送ったほうが、お手数をおかけしないですみそうでしたね、以後気をつけます。

 


   
(@湯桶)
Active Member
結合: 4年前
投稿: 6
Topic starter  

@haruinoue

ありがとうございます。

試してみたところ、思っていたデザインになりました。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました