サポート » 使い方全般 » ドロップダウンメニューのカスタマイズ

  • http://office-gyosei.com/
    ↑こちらです

    ここで教えて頂きドロップダウンメニューに出来ました
    ありがとうございました

    そこで現在ドロップダウンメニューが出てくると背景が黒で、テキストが真ん中になっていますが、
    背景色を他と同じにしたい(薄ピンク)のと、テキストを左寄せにしたいです

    やり方を教えて頂ければ助かります

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • スタイルシートの689行目からメニューのセクションがはじまってますよね。
    リストのリンク時のスタイルシートを、ホバー時と同じにしましょう。
    テキストのセンタリングもleftで大丈夫でしょう。

    トピック投稿者 yoshidaman

    (@yoshidaman)

    ありがとうございます!
    初心者ですいません、、具体的な記述箇所を教えて頂きたいですすいません
    ホバー時の箇所もできればお願いしたいです

    背景色を他と同じにしたい

    スタイルシートの754行目が、ドロップダウンメニューの全体のスタイル指定ですよね。

    #access ul ul a
    background: #333;
    line-height: 1em;
    padding: 10px;
    width: 160px;
    height: auto;

    #333 は黒でなく「Gray20」という色名です http://www.color-hex.com/color/333333
    色見本を参考に、任意に指定しましょう。
    薄ピンクというのは #fef5f0 のことかしらね http://www.color-hex.com/color/fef5f0

    スタイルシートの724行目が、リンク時のカラー。

    #access a
    color:#b7561f;
    display: block;
    line-height: 38px;
    padding: 0 5px;
    text-decoration: none;

    その他、メニューセクションを試しに色指定の箇所を、分かりやすい色に変更してみましょう。どの箇所がどこに指定されているのか理解できるでしょう。

    テキストを左寄せにしたい

    text-align が文字寄せのタグです。
    これのプロパティは、left center right justify などなど

    ここはWordPressのフォーラムなので、スタイルシートの変更の仕方だと明らかな場合はご遠慮願えますか。
    こちらのリファレンスが参考になりますようにリンクだけいたします。
    http://www.w3schools.com/cssref/pr_text_text-align.asp

    トピック投稿者 yoshidaman

    (@yoshidaman)

    ありがとうございます初心者ですいません
    挑戦してみます

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ドロップダウンメニューのカスタマイズ」には新たに返信することはできません。