ちょっと生きづらさを抱えた人へ、気持ちを楽にするためのお手紙です。

【TCD INNOVATE HACKカスタマイズ】グローバルメニューのカスタマイズ

わたしはこれまでの人生経験上、(リアルで)人に攻撃されない立ち回りを心がけているし、
コンビニでも飲食店でもコスメカウンターでも、店員さんには感じ良く接しているほうだと思います。
当然、旅行カウンターでもそうなんだけれど、
びゅうプラ○の人は何でいつも怒っているのかな、と思う、みすくです。こんにちは。

TCDの INNOVATE HACKというテーマを導入したのですが、おしゃれすぎてこのブログにあわないですよね・・・。
というわけで、カスタマイズ。

自分がやったところだけ公開しますが、リクエストがあって気が向けば、他のところも
記事にするかもしれません。

WordPressテーマ「INNOVATE HACK (tcd025)」

で作成した子テーマのstyle.cssに書き足していきます。

TcdInnovateHack_002

 

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
/* レイアウト */
#global_menu_wrap { height:50px; min-width:1180px; width:100%; background:#333; }

background:#333;

ここを書き換えることで好きな色を設定できます。

 

TcdInnovateHack_003

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
/* グローバルメニュー */
.pc #global_menu ul ul a { font-size:11px; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; background:#000; border:1px solid #666; box-shadow:none; color:#fff; }

 

サブメニューの背景色:background:#000

サブメニューの区切り線の色:border:1px solid #666;

 

コメントを残す

メールアドレスが公開されることはありません。