サポート » 使い方全般 » サイドバーのタイトルとリストのフォント名とフォントサイズを変更した

  • 解決済 zen73

    (@zen73)


    サイドバーで表示するフォントをメイリオとし,タイトル名とその下の各リストのフォントサイズをワンサイズ大きくしたいのですが,どこで指定すればよいのかがわからず困っています。

    /* =WIDGETS
    -------------------------------------------------------------- */

    /* Widgets Defaults
    ----------------------------*/

    .widget-container {
    list-style-type: none;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    color: #666666;
    font-size: 13px;
    }

    .widget-container a {
    color: #666666;
    text-decoration: none;
    }

    .widget-container a:hover {
    color: #9B0030;
    text-decoration: none;
    }

    .widgettitle {
    background: url(images/widgettitle-bg.png) left top repeat-x;
    margin: 0 0 10px 0;
    padding: 9px 0 9px 10px;
    border: 1px solid #DDDDDD;
    }

    .widgettitle, .widgettitle a, .widgettitle a:hover {
    color: #9B0030;
    font-size: 16px;
    line-height: 16px;
    font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    }

    .widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    }

    .widget ul li {
    padding: 0 0 9px 0;
    margin: 0 0 8px 0;

    }

    わからないなりに,
      .widget ul がタイトル
    .widget ul li がそれぞれのタイトルのリスト
    と見当をつけ,ここにフォント名とフォントサイズを書くのかなと思っていますが,間違いでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Honda

    (@rocketmartue)

    ご利用のテーマは、何でしょうか?

    CSSを見る限りは、

    .widget-container {
    ~~省略~~
    }

    の部分がウィジェット全体

    .widgettitle, .widgettitle a, .widgettitle a:hover {
    ~~省略~~
    }

    が、ウィジェットのタイトル

    .widget ul li {
    ~~省略~~
    }

    が、リスト部分のようですが、CSSのみの提示でHTMLのマークアップがどうなっているのかが分かりませんので、あくまでも想像です。

    トピック投稿者 zen73

    (@zen73)

    RocketMartueさん,ありがとうございました。おかげさまで何となく全体像をつかむことができ,やりたいことを実現することができました。

    .widget-container {
    ~~省略~~
    }
    ここで,全体のフォント名とフォントサイズを指定することができました。

    .widgettitle, .widgettitle a, .widgettitle a:hover {
    ~~省略~~
    }
    ここで,タイトルのフォントサイズを指定することができました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「サイドバーのタイトルとリストのフォント名とフォントサイズを変更した」には新たに返信することはできません。