ページナビの色のカスタマイズにつきまして

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など ページナビの色のカスタマイズにつきまして

  • このトピックには7件の返信、2人の参加者があり、最後にhnにより9年、 8ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #49507
      hn
      ゲスト

      いつもお世話になっております。
      毎回初心者で申し訳ありませんが、色々検索しても出てこなかったので質問させていただきます。
      記事を投稿していくと、ページナビが下部に表示されるようになると思います。


      << < 1 2 3 > >>

      上記のマウスオンの際の色と通常時文字の色を変更したいので、試しにスタイルシートに

      .pager-post-navi  {
        background-color: #111;
        color: #eded00;
      }

      と記載したのですが文字の色が変わってくれません。
      初歩的すぎる内容で申し訳ないのですが、上記のボタン?の色を変更するにはどこを変えればよろしいのでしょうか?

    • #49509
      Hidekichi
      ゲスト

      ページを分割したときに表示されるやつですかね?
      それともトップのリスト下にあるやつでしょうか?

      前者だとどっかで見た記憶があるんですがhtmlの構造がよくわからないのでカスタマイズしたいページのアドレスをもらえると助かります。

    • #49512
      hn
      ゲスト

      ご丁寧にご回答ありがとうございます。
      トップのリストの下とカテゴリの下にある方のページナビの色を変えたいと思っております。

      http://keibaburogu.com/

      ↑トップページ

      http://keibaburogu.com/category/%e6%9c%aa%e5%88%86%e9%a1%9e/

      ↑カテゴリ未分類

      何度もありがとうございます。

    • #49515
      Hidekichi
      ゲスト
      .pagination a:hover {
          background-color: #111;
          color: #eded00;
      }

      で全体に変わります。
      今見ているページは、

      .pagination li.current a:hover {
          background-color: #111;
          color: #eded00;
      }

      で変わるかと思います。最初の全体を変えるスタイルのあとに追記してください。2つとも同じにするかどうかは色々考えてみてください。

    • #49518
      hn
      ゲスト

      Hidekichiさんいつも丁寧にご回答ありがとうございます。
      早速スタイルシートを上記にしてみました。
      私の説明下手で申し訳ありません。
      BODYを黒系にしているため、通常時に表示されるページナビの数字の色を変えたいと思っております。

      << < 1 2  > >>

      ↑上記の通常時が黒背景で文字も黒系ですので、通常時の数字(1と2と<<と<と>と>>)を映える色に変更しようました。

      マウスオン時の文字の色は変わったのですが、通常時は元のままでした。
      教えていただいたコードを拝見しまして、下記のように変えてみたのですが、上手くいきませんでした。
      何が間違っているのでしょうか?

      .pagination   {
          background-color:  #111;
          color: #eded00;
      }
      
      .pagination li.current   {
          background-color:  #111;
          color: #eded00;
      }

      お手すきになったタイミングで、よろしければお知恵をお借りできれば幸いに思います。

    • #49536
      アバター画像わいひら
      キーマスター

      .pagination a.pagination li.current aに対して、CSSを指定してやる必要があるのではないでしょうか。

    • #49539
      Hidekichi
      ゲスト

      わいひらさんが言われているように色を指定しても良いですし、元々の色を前に回答したように取り除いても良いです。

      .pagination a {
         color: inherit;
         background-color: initial;
      }
      
      .pagination li.current a {
          background-color: initial; /*本来これていけるが...*/
      }
      
      .pagination li:not([class*="current"]) a:hover {
          background-color: initial;
      }

      最後のスタイルのようにliが.current以外の場合のaのマウスオーバーという指定があるので、ここを何とかする必要があるかと思います。上記のように初期化しても良いですし、色を乗せても良いです。

    • #49587
      hn
      ゲスト

      お忙しい中、誠にありがとうございました。
      おかげさまで上手くいきました。

      simplicityの構造というページは拝見したのですが、記事にでてくるタグやタイトルの「指定するコード名称」が検索しても分からなかったため、お手間をおかけしました。

      ありがとうございました。

7件の返信スレッドを表示中
  • トピック「ページナビの色のカスタマイズにつきまして」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)