h2の見出しデザインの変更について

このトピックには2件の返信、2人の参加者があり、最後にYoshiにより6年、 4ヶ月前に更新されました。

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

投稿者

投稿
2019年2月11日 10:10 PM #14885

Yoshi
参加者

Lightning-Pro＋paleにてサイトを作成しています。
お客様の方からh2見出しデザインの下に尖った▽を消してほしいと言われたのですが、どうすればいいのでしょうか？
感覚的にはLightnin-proのオリジナルの見出しデザインが使用できたらいいのかな？と思うのですが、どうすればいいかわかりません。

よろしくお願いします。

2019年2月12日 4:32 AM #14887
DRILL LANCER
モデレーター
https://demo.dev3.biz/pale/greetings/
の院長経歴の部分の尖った▽を消すだけなら
子テーマ or カスタムCSS等に
```
.h2:before, h2:before,
.h2:after, h2:after{
    content:none;
}
```
を追記するだけでできると思います。

P.S.
Google ChromeでF12を押すとDeveloper Toolが起動します。
（気になる部分を右クリック→検証でも可能）

「Elements」タブでは気になった箇所に影響しているCSSを探すことができ、
編集することで見た目がどう変わるのかを試すことができます。
これは別のページに移動したり、更新ボタンを押したりするまでの間有効です。

あとは、検証を繰り返すうちに納得いったコーディングをCSSに反映すればOKです。
うまく反映されない場合は該当部分のCSSの優先度を高めるよう工夫をすればOKです。
2019年2月12日 7:19 AM #14888

Yoshi
参加者

RICK様

ありがとうございます。
なるほど。
elementsの右側の枠はそのためのものだったんですね。
解決しました。
今後ともよろしくお願いいたします。
投稿者

投稿