トピック

HOME フォーラム BizVektor H2とH3の見出しのデザイン(装飾)変更

  • HOME »
  • トピック »
  • , , »
  • H2とH3の見出しのデザイン(装飾)変更

H2とH3の見出しのデザイン(装飾)変更

タグ: , ,

このトピックには1件の返信が含まれ、2人の参加者がいます。2 年、 7 ヶ月前 mtac さんが最後の更新を行いました。

2件の投稿を表示中 - 1 - 2件目 (全2件中)
投稿者 投稿
投稿者 投稿
2014.10.01 at 5:03 PM #2317

JO
Participant

お世話になります。
当方、biz-vektorのテンプレートを使用させて頂いております。

投稿ページにて、記事を投稿した際に、H2タグとH3タグを使用しているのですが、
H2タグはシンプルな太字、H3タグは背景画像のように、灰色背景で、左側にボーダーが表示されます。

これをH2タグのようにシンプルな太字で、H2タグより小さい文字で表示したいのですが、
どこを触れば良いか分かりかねております。

一応、子ページをスタイルシートファイルで作成し、サイト全体の文字色を変更するなどの
カスタマイズは行っております。

おそらく、このスタイルシートにH2とH3のデザインを指定すれば良いのではないかと思い、
色々と指定してみるのですが、うまく反映されないようです。

お手数ですがご教授頂ければありがたいです。

2014.10.03 at 11:23 AM #2323

mtac
Participant

002.cssの中に次のようなのがありました。
これではないでしょうか?

#content h2 { text-shadow: 0 1px #ffffff; clear:both; font-size:128.6%; padding:20px 15px 15px; font-weight:bold;color:#333; border-top: 1px solid #e5e5e5; border-bottom: 3px solid #5ead3c; position:relative; line-height:114.3%; background:url(images/line_wh.png) left top repeat-x; box-shadow: 0px 1px 3px rgba(0,0,0,0.20); }

#content h3 { text-shadow: 0 1px #ffffff; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); position: relative; clear:both; font-size:18px;margin:40px 0px 35px; padding:10px 10px 7px; background-color:#f4f4f4;border-left: 3px solid #5ead3c; }

子スタイルシートもしくは、投稿画面中で直に上記に修正を加えて見られてはいかがでしょうか?

2件の投稿を表示中 - 1 - 2件目 (全2件中)

このトピックに返信するにはログインが必要です。

掲示板を検索

PR (外部リンク)

最近のトピック

お勧め書籍

PAGETOP
Copyright © BizVektor・Lightningフォーラム All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.