GENSEN オリジナルの見出しのCSSをちゃんと反映させたい。スタイルシートいじってもダメだったので、あれで

gensenの見出しの調整中です。

いくら、外観→TCDテーマオプションから、追加CSSで、工夫のある見出しのCSSを追加しても、反映されてないことがしばしばです。

とくに、わくをつけたりする場合に、上下に空白が欲しいので、追加CSSで設定しても、追加よりも強い、テーマ内のCSSが反映されてしまうのです。

ですので、下の外観→テーマの編集から、直接style-sheetのCSSをいじる必要があるようですが、

/* ———————————————————————-
WordPress プリセットスタイル
———————————————————————- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }

/* text and headline */
.post_content p { line-height:2.4; margin:0 0 2.4em 0; }

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:400; margin:0 0 10px 0; padding:10px 0 0 0; }

強調にしたところを削除します。

しかし、かわりません。。

もとにもどしおきます。失敗です。

天夏
もうイヤや!

ぐぐって、

 株式会社SceneLive ブログ 
【CSS】margin paddingの違いと使い方を紹介
http://scene-live.com/page.php?page=49

このブログに解決を期待!

下の段落と2行ぶん空けてみます。

というように、h6のタグもかこえばいいてっってことぉ?

えーーい実験です。

何もかこまないで自然に投げ田

お花畑k
見出しの下の輪っかがひかっかってまう(´・ω・`)

お花畑

 pではさむバージョンだよ
 おお!ちゃんときれいに行間があきました。

 つかいたいのは、「アクセス」のための目次なので下のようにします。

アクセス


これをテンプレート(プラグイン)に登録しておきました。

CSSをいじるのをあきらめてHTMLでテンプレートをつくっておく

当面はこれで(・∀・)イイyoネ!!

関連記事

  1. GENSENの文字が小さいので大きくする方法 CSSに1行追加

  2. font awesomeで動くフォントを使ってみてみた

  3. インスタで4コマ漫画の1コマごとを正方形のサイズにそろえる

  4. グーグル日本語入力単語登録(Windows10)の方法

  5. Gensenで作ったサイトをスマホで見たりブクマするとサイト名の前に「ご案内」ってついちゃう問題を解決

  6. PNGやJPEGファイルをオンラインで無料で圧縮する Medibangpaintやinkscape使いブロガーは必須

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。