以前記事に書いたCSSの問題を修正しました

お知らせ
スポンサードリンク

以前にCSSの影響でスマートフォンから見た際に番号付きリストが正常に表示されない問題がありました
【コメント求む】【修正済み】何故かスマホから見るとCSSが適用されていない件について

その後色々と原因を探っていましたが、自分だけでは解決できず・・・

学校で友達に相談してみました

「styleがNoneになってるからじゃない?」

CSSファイルを見せるだけで助言をしてくれました
後はその部分をPC用CSSから引っ張ってきてちょっと調節しただけで修正できてしまいました

今回の問題

以前に記事にしましたが番号付きリストが表示されないのが今回の問題です

CSS

具体的な解決方法

このブログではSTINGER3というテーマを使っています
このテーマはシンプルながら使いやすく、さらにPCとスマホで自動的に表示を変えてくれるというすごい奴です

スポンサードリンク

今回修正を加えたのは「smart.css」というファイルです

管理画面→外観→テーマの編集→smart.cssを選択

kannri

上のほうにBASEという部分があります

ここにPC用のCSSからli型の定義を持ってきます
そしてちょこっとマージン(余白)を追加して・・・

BASE

赤で囲んだ部分の様にします

すると・・・

Skitch

こんな感じで表示されるようになりました!

CSSは少ししか見てないのですが、なんだか楽しそうだなと思いました
PHPにも興味があるので色々と独学あるのみですね・・・・

では今回はここまでです
ノシ

コメント