質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

Q&A

1回答

1453閲覧

スティンガー5のhタグの変更の方法を教えてください。

nanananao0203

総合スコア8

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

0グッド

0クリップ

投稿2016/04/03 03:10

スティンガー5を使ってホームページを作成しています。
h2とh3のデザインを変更しようと思って、スタイルシートから既存の
h2 {
position: relative;
background: #ee82ee;
color:#0000ff;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
h2:after {
content: '';
position: absolute;
border-top: 10px solid #f3f3f3;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
left: 50px;
}
h2:before {
content: '';
position: absolute;
border-top: 10px solid #f3f3f3;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
left: 50px;
}
を消して
h2 {
font-size: 24px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 45px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #2f4f4f;
line-height: 30px;
padding: 15px;
width: 100%;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 40px;
margin-left: -45px;
background: #3cb371;
color: #ffffff;
}

をコピペするだけではダメなのでしょうか?
まったく変更ができません。
SCCの中にはh2の部分が2か所あるようですがどちらも書き換えればいいのでしょうか?
素人なのでこのような質問ですみません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2016/04/03 06:00

「SCC」は「CSS」のことでしょうか。
guest

回答1

0

こんにちは。

Stinger5 の h2 をカスタマイズする場合は、style.css を修正します。

修正する箇所は、
1)「/* 中見出し */」の h2 関連の記述
2)「/media Queries PCサイズ —/」の h2 関連の記述
です。

このうち、「h2:after」と「h2:before」は吹き出しのような装飾をしている記述ですので必要がなければ削除してください。
なお、今後の将来的に初期設定にもどす可能性がある場合には、下記のようにコメントアウトしておくのが無難です。

CSS

1/* 吹き出しの装飾(ここから) 2h2:after { 3 content: ''; 4 position: absolute; 5 border-top: 10px solid #f3f3f3; 6 border-right: 10px solid transparent; 7 border-left: 10px solid transparent; 8 bottom: -10px; 9 left: 30px; 10 border-radius: 2px; 11} 12h2:before { 13 content: ''; 14 position: absolute; 15 border-top: 10px solid #f3f3f3; 16 border-right: 10px solid transparent; 17 border-left: 10px solid transparent; 18 bottom: -10px; 19 left: 30px; 20} 21吹き出し装飾(ここまで) */ 22

いずれにしても、2カ所の記述を修正しなければスタイルの変更はできませんのでご注意ください。

以上、ご参考いただければ幸いです。

投稿2016/04/04 01:51

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問