nada icons のスマホ表示時のメニューに罫線を入れたい

BLUES > nada icons のスマホ表示時のメニューに罫線を入れたい @ 2016/1/9 13:24
テーマに「nada icons」を使用しています。
スマートフォンで表示した時のメニューの部分がベタの背景に「メニュー項目」の文字が並んでいるだけなので
何とか「メニュー項目」毎に罫線で四角に区切って見やすくする方法はないでしょうか?
超初心者なので色々試行錯誤しながらやっておりますが調べてもわかりませんでした。
ご存知の方がいらっしゃいましたらご教示頂ければ助かります。
どうぞ宜しくお願い致します。
こんな感じです。

katokaisya > Re: nada icons のスマホ表示時のメニューに罫線を入れたい @ 2016/3/24 10:46
はじめまして。katoともうします。
app/webroot/theme/nada-icons/css/smartphone/style.css

10行目付近の
.global-menu li a{
	display:block;
	width:106px;
	padding:6px 0;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
}


.global-menu li a{
	display:block;
	width:105px;
	height: 51px;
	padding:6px 0;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
	border-right: solid 1px #fff;
	border-bottom:  solid 1px #fff;
}

に書き換えれば、白い罫線が入れられます。
※縦幅と横幅の関係で、普通にborder指定するとおかしくなるので、aタグの横幅をマイナス1pxして、高さを固定し、右側と下側だけにborderを入れています。

ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
15 人のユーザが現在オンラインです。 (15 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 15