スマートフォン解析

【賢威7先行公開版カスタマイズ】H2タグに枠線を付ける方法



どうもスイクンです。サイトをご覧頂きありがとうございます。

今回は新しく公開された賢威7先行公開版の「H2タグカスタマイズ方法」をご紹介します。初期状態では、背景色が設定されていますが、H2部分に枠線も付けたいというのであれば、この記事を参考にしてみてください。

枠線を付ける前

2015y10m20d_215810781

枠線を付けた時

2015y10m20d_215954075

関連記事

>>賢威6のカスタマイズはこちら

H2タグに枠線を付ける方法

賢威7の先行公開版では、

外観>テーマ編集>base.cssの以下の部分コードが関係しています。

.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background: #ccc;
color: #fff;
font-size: 1.75em;
}

これらのコードに太文字を付け足しましょう。

.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
border: 1px solid #333;
background: #ccc;
color: #fff;
font-size: 1.75em;
}

あとは、更新をクリックして完了になります。

枠線のカスタマイズ

border: 1px solid #333;

  • 枠線の太さを変えたい場合1pxの数値を変更します。
  • 線を変更したい場合、solidをdottedやdashedなどに変更します。
  • 線の色を変更したい場合、#333(カラーコード)を変更します。
  • 現状では、上下左右すべてに枠線が付いていますが、上だけに枠線を付けたい場合には、border-top: 1px solid #333;のようにします。
    • 左のみに線 border-left: 1px solid #333;
    • 右のみに線 border-right: 1px solid #333;
    • 下のみに線 border-bottom: 1px solid #333;

>>賢威6.2のカスタマイズ資料はこちら

特化型トレンドアフィリエイト レンタルサーバーの使い方
賢威6.2カスタマイズ WPの使い方
Twitter凍結基準まとめ 外注サービス比較


お名前
メール

コメントを残す

サブコンテンツ

このページの先頭へ