WordPressテーマSANGOの質問

新着記事のページ数の色変更と記事の周りに影のようなものが欲しい

アバター
まお

お疲れ様です。大変お世話になっております。

トップページの新着記事のページ数の背色と文字色がメインカラーになっていますがこちらを好きなカラーに変更できないでしょうか。

また個別記事(トップページの記事をクリックしたときに出る記事)の周りに影のような境界線???をつけることはできますか。

.widget {
box-shadow: 0 2px 4px rgba(0,0,0,.2);
border-radius: 4px;
overflow: hidden;
}
/*検索ウィジェットは元から影がついているため、影は不要*/
.widget_search {
box-shadow: none;
}

上記のような境界線をお願いします。

よろしくお願いします。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/05/16

以下のようなCSSを追加すると良いと思います。

#entry {
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

よろしくお願いします。

アバター
まお
2020/05/16

ありがとうございます。

境界線のほうは無事適応されましたが

トップページの新着記事のページ数の背色と文字色を好きなカラーに変更はできないのでしょうか。

サルワカくん
サルワカくん
2020/05/17

失礼しました。忘れてました。

SANGOのページネーションの色を変更するCSS

ページネーションの配色ですが、以下のよなCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS] もしくは子テーマのstyle.cssに貼り付ければOKです。

/* ページネーション */
.pagination .page-numbers a {
    color: #333; /* ページ番号の数字 */
}
.pagination .page-numbers .current, .post .post-page-numbers.current {
    background: #333; /* 現在のページ番号の背景色 */
}
.pagination .page-numbers a:hover {
    background: gray; /* ホバー時の背景色 */
    color: #FFF; /* ホバー時の文字色 */
}

なお、Chromeなどのブラウザの検証機能を使うと、あらゆる要素のクラス名や、現在適用されているCSSなどを簡単に調べることができます。
サイト全体をカスタマイズされたい場合は、使い方を覚えることをおすすめします。
検証ツール(デベロッパーモード)の使い方

よろしくお願いします。