Google Calendar Events、WordPress Popular Posts Widget、Remember Old Post Widgetの表示のためのCSSを子テーマのCSSに記述する

コンサデコンサの本宅のサイドバーに表示している三つのウイジッド(Google Calendar Events、WordPress Popular Posts Widget、Remember Old Post Widget)の表示CSSを子テーマのCSSに記述してみる。

過去の記事では、本テーマのCSSを書き直す方法をメモした。

これらのうち、上記三つのCSSに関するところを抜き出す。
そしてまとめたものが、以下のもの。

これを、子テーマのCSSに記述する。
[php]
/*
List Style Widgets (GoogleCEvents and Oldpost and WPopularPost)
*/

.widget_gce_widget li,
.widget_oldpost_widget li,
.popular-posts li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 0 9px;
}

.widget_gce_widget li:first-child,
.widget_oldpost_widget li:first-child,
.popular-posts li:first-child {
border-top: 0;
}

.content-sidebar .widget_gce_widget li,
.content-sidebar .widget_oldpost_widget li,
.content-sidebar .popular-posts li {
border-color: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 1008px) {

.primary-sidebar .widget_gce_widget li,
.primary-sidebar .widget_oldpost_widget li,
.primary-sidebar .popular-posts li {
border-top: 0;
padding: 0 0 6px;
}

.primary-sidebar .widget_gce_widget li:last-child,
.primary-sidebar .widget_oldpost_widget li:last-child,
.primary-sidebar .popular-posts li:last-child {
padding: 0;
}

}
[/php]

記事の共有: