実現したいこと
「chrome拡張のstylusを用いてwebサイト内の文字の行間を変えたいが、line-heightが効かない」
bitflyer lightningで取引をしているプログラミング初心者です。
行間を変えたいものの、cssでline-heightが効かず、解決方法が思いつかなかったため質問させていただきます。
https://lightning.bitflyer.jp/trade
こちらのサイトにて、板表示(買い板と売り板両方)の行間をstylus(chrome拡張)を用いて変更したいと思っております。
↓該当箇所:(ここの行間が広いので狭く変更したい)
そこでまず、どこをいじれば行間が変わるのかをはっきりさせるため、
chromeで右クリック→検証を使って、板部分のcssにline-heightを追加してみたものの反映されませんでした。
該当箇所
▼<div class="main--top"..........>
...▼<section class="board..............>
(ここの部分のcssを順番に書き換えてみた(line-heightを追加して表示に反映されなかったら削除))
試したこと
例えば、
<section class="board " data-step="5" data-intro="板情報です。Ask、Bid、最終取引価格、発注数量が一覧できます。" data-position="right"> のStylesには .wrapper--trade .main--top .chart~.board { display: table-cell; width: 25%; } という部分があります ここを .wrapper--trade .main--top .chart~.board { display: table-cell; width: 25%; line-height: 70% # 追記部分 }このように手当たり次第、書き換えてUIに変化がなければ元に戻して次を当たる、ということを行いましたが、行間に変化はありませんでした。。
わかりにくい質問だとは思いますが、お時間を割いて下さる方、よろしくお願いいたします。
あなたの回答
tips
プレビュー