サポート » テーマ » micata2のウイジェットのタイトルの間隔を変たいです。

  • 解決済 menbou

    (@menbou)


    こんにちは。
    分かる方、お詳しい方、お優しい方、教えて下さい。

    テーマはmicata2を使っています。

    ウイジェットのタイトルの位置が微妙にずれているので、
    タイトルとウイジェットの間を狭めたいのですが、
    どこをいじって良いのか、分かりません。

    スタイルシートの「widget title」を探しましたが、
    見当たりません。

    —————————————————-
    ■カテゴリ
         ←この間を狭めたいです。
    はじめに
    サンプル
    サンプル
    —————————————————–

    分かる方、お詳しい方、優しい方、教えて下さい。
    よろしくお願い隊ます。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • 下記のスタイルでどうでしょうか?

    #side aside h4,
    #side aside .ad > p {
      margin-bottom: 0;
    }
    

    なお、micata2 テーマのダウンロード方法がわからなかったので、デモサイトより導き出したものなので設定によってはだめかもしれません。
    また、タイトルがない場合を考量していないので、その点は注意してください。

    トピック投稿者 menbou

    (@menbou)

    ishitakaさん

    お答え、ありがとうございます。
    h4を調べたら、場所が分かりました。
    おかげで、ウイジェットのタイトルはどうにかできそうです。

    ただ、もしよろしければ、ウイジェットの上に「サイドバートップ」と言う、
    サイドバートップ専門のウイジェットがあるのですが、
    そこのタイトルはどうやったら変更できるのか?、教えて頂けませんか?

    h4だと、サイドバーウイジェットのタイトルは変更できるのですが、
    「サイドバートップ」と言うウイジェットのタイトルは変更できません。

    自分でもいろいろいじったり、読んだりしたのですが、
    分かりません(>_<)

    どうか、教えて下さい。よろしくお願い致します。

    いちおう前回の提示したスタイルでもサイドバートップ(と思われる)も考慮したつもりだったのですが、反映されませんか?

    #side aside .ad > p {
      margin-bottom: 0;
    }
    トピック投稿者 menbou

    (@menbou)

    ishitakaさんの言われるコードを貼り付けても、
    何も変化なかったです。

    もともとある、/*–サイドバー–*/の中の
    #side aside h4 {}の中身をいじったらできました。

    ishitakaさんのコードは、その#side aside h4 {}の下へ貼りつけました。

    貼り付ける場所が悪いのでしょうか?^^;

    対象要素がわからないと・・・。

    ブラウザのデベロッパーツール(検証モード)で対象要素および適用スタイルを調べることは可能でしょうか?
    下記に簡単ではありますが操作説明を記しますので調べてみてください。
    なお、Chrome ブラウザを対象にしていますが、他のブラウザもだいたい同じような操作だとおもいます。

    1. Chrome ブラウザで対象ページを開きます。
    2. [F12] キーを押下します。デベロッパーツール(画面下部)が表示されます。
    3. [Ctrl]+[Shift]+[C] キーを押下します。
    4. 対象の要素をマウスでクリックします。デベロッパーツールのスタイルにクリックした要素のスタイルが表示されます。

    デベロッパーツールの使い方に関しては検索などしてお調べください。いろいろと便利なので役にたちます。

    貼り付ける場所は、ID 指定(#side)しているのでどこでも反映されるとおもいます。

    • この返信は7年、 5ヶ月前にishitakaが編集しました。
    トピック投稿者 menbou

    (@menbou)

    すみません!良く見たら、あいだ狭まってました。
    本当にすみません。
    複数ウインドウ立ち上げていて、別の画面を見ていました。
    ごめんなさいm(__)m

    デベロッパーツールの使い方まで教えて頂いて、
    本当にありがとうございます。

    ちなみに、デベロッパーツールで見たら、
    <p>タグに囲まれていました。

    本当にありがとうございます。

    トピック投稿者 menbou

    (@menbou)

    ishitakaさん、本当にありがとうございました。

    このトピックは、解決済みにさせて頂きます。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「micata2のウイジェットのタイトルの間隔を変たいです。」には新たに返信することはできません。