- このトピックには7件の返信、2人の参加者があり、最後に
により3年、 7ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】バージョン: 14.0.2
【お使いの Snow Monkey Blocks のバージョン】バージョン11.0.2
【お使いの Snow Monkey Editor のバージョン】バージョン 5.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】### 実現したいこと
「最近の投稿」の「パネル」で表示した見出しの文字を一部太字、または色をつけたいです。
わたしが初心者ということも有り、ご教授いただければ幸いです。
### 発生している問題
私の知識不足かとおもいます。
### 試したこと
投稿ページの見出しに<b>営業は台本が９割</b>と入れてみましたが反映されませんでした。
（投稿ページには反映されました）
Who liked: No userはじめまして！
管理画面→外観→カスタマイズ→追加CSSを開いて、以下のCSSコードを入力してみてください。
.c-entry-summary__title { font-weight: bold; //太文字にする color: #cccccc; //文字色を灰色に }これで灰色の太文字になるかと思います。
レイアウトがパネルの時だけそうしたい、という場合には、
.c-entry-summary__titleの前に.c-entries--panelを併記します。.c-entries--panel .c-entry-summary__title { font-weight: bold; color: #cccccc; }また、トップページだけや投稿詳細ページだけというように限定していきたい場合には、
<body>タグに表示されているページの属性に応じたCSSクラスが出力されるので、以下の資料を参考に追記してみてください。例）トップページのみの場合
.home .c-entries--panel .c-entry-summary__title {...Who liked: No user＠Olein_jpさん
早速ご返信いただきありがとうございます。
追加CSSで入れてみたところ、全部がグレー＆太字になりました。
画像の最初の一行だけ変えることはできないでしょうか？Who liked: No user:first-lineを追記してみてください。どのようにつけて良いかわからない場合には、「CSS 最初の行だけ」とかで検索してみるとすぐにわかるかと思います。
Who liked: No userインラインでCSSを書かれている場合には、そちらが最優先されますので、
span要素で指定しているcolorプロパティは削除してください。投稿や固定ページのタイトル内に
<br>を利用することが運用上の妨げにならないかが心配でありますが、本件とは別ですので言及は控えておきますね。こちらで確認したところ、前述いただきましたように、投稿タイトルに
spanにてスタイルを指定してもCSSは効いていますし、上述したソースコードも有効であることは確認しました。スクリーンショットで書かれたコードを共有いただきましたが、
:first-lineの前のスペースは必要ありません。このようになります。.c-entries--panel .c-entry-summary__title:first-line { font-weight: bold; color: #cccccc; }基本的なCSSのご理解がない場合、カスタマイズを無理やり行っても運用上のトラブルの原因になることもありますのでご注意ください。
一点、懸念点としては、本トピックタイトルに
『「最近の投稿」の「パネル」で表示した見出しの文字を一部太字、または色をつけたい』
見出し、とあるところが、こちらが指している部分なのかが明確に断定できていないため、CSSが効かないとなってしまう可能性があります。ですので、この言われている「見出し」が「投稿タイトル」であるかどうかの確認がまず必要です。
該当箇所を開発者ツールで表示し、DOM構造まで確認できるスクリーンショットを共有いただくとスムーズかと思います。
Who liked:
- トピック「「最近の投稿」の「パネル」で表示した見出しの文字を一部太字、または色をつけたい」には新しい返信をつけることはできません。