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; }

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

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

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

天夏
もうイヤや!

ぐぐって、

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

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

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

えーーい実験です。

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

コンテンツ

お花畑k


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

お花畑

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

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

アクセス


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

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

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

関連記事

  1. グーグルマップが有料化されて、いつの間にか月額4万円以上払っていた…

  2. 6年使ったWimax2を解約して楽天モバイルのテザリングにかける

  3. TCDワードプレステーマ「GENSEN」の見出し(h1-h6) CSSを整理する

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

  5. inkscapeでふきだしをつくる

  6. ワードプレスで会話調のふきだしをCSSでつくる

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

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