いまだにBizVektorの作業が続いている。そろそろ終わらなければ。。
現状使っているデザインスキンは「Calmly」Calmyだとフッターのサイトマップの文字が影付きになる。
これを影を消して、単色に修正した。
BizvektorはスキンごとにCSSが別れている。
「プレーン」には、 design_skins/plain/plain.css
「Default」には、design_skins/001/001.css
「Calmly 」には、design_skins/002/002.css
「Rebuild 」には、design_skins/003/css/003.css
が、適用される。今回は「Calmly」なので、002.cssを覗くと
[css]
/* #footerSiteMap
/*-------------------------------------------*/
#footerSiteMap { display:block; overflow:hidden;width:100%;padding-top:15px; }
#footerSiteMap .menu { font-size:87.5%; vertical-align:text-top; }
#footerSiteMap .menu a { color:#d2d2d3; text-decoration:none;}
#footerSiteMap .menu a:hover { color:#5ead3c; }
#footerSiteMap .menu li { text-shadow: 0 -1px #333; display:block; margin-bottom:6px; vertical-align:text-top; line-height:116.7%; }
#footerSiteMap .menu li a { border-bottom: 1px solid #5f5e63; box-shadow: 0px 1px #8a898c; background:url(images/arrow_gray_s.png) right bottom no-repeat; font-weight:bold; padding:8px 0px 8px 0px; overflow:hidden;display:block; }
#footerSiteMap .menu li a:hover { }
#footerSiteMap .menu li ul { margin-top:6px;}
#footerSiteMap .menu li li { display:block; padding: 0px 0px; }
#footerSiteMap .menu li li a { font-size: 12px; box-shadow:none;border-bottom:none; background:none; font-weight:normal; border-bottom: 1px solid #626168; }
#footerSiteMap .menu li li a:hover { }
#footerSiteMap .menu li li li { margin-right: 0; border-bottom:none; background:none; }
#footerSiteMap .menu li li li a { font-size: 10px; background:none;background-position: 6px 12px;}
#footerSiteMap .menu li ul ul { }
[/css]
となっている。
今回は7行目(実際のスタイルシートでは552行目あたり)の「text-shadow」が効いていたので、
CSSカスタマイズに
[css]
/* フッターサイトマップ */
#footerSiteMap .menu a {text-shadow:none; color: #000000;}
[/css]
を記入して、シャドウを消して文字色を黒にした。
これで見やすくなった。なんでわざわざ影付にしてあるんだろうか?
実際の施工ページ 「https://denpakudo.jp/」
090-3990-0645