Ограничить CSS на одной странице

У меня есть мой сайт: http://theapkstore.com . На главной странице я добавил слайдер. И уменьшил верхний край виджета, который говорит «Добро пожаловать на мой сайт». Домашняя страница выглядит хорошо, но затем, когда я открываю какую-либо ссылку с навигационной панели, тогда на этой странице я вижу, что верхний край действует на всех страницах, что заставляет виджет опустошать дизайн. Можете ли вы рассказать, как я могу поместить верхний край этого виджета на домашнюю страницу?

Solutions Collecting From Web of "Ограничить CSS на одной странице"

Вы уже используете body_class() в своем шаблоне, поэтому ваша домашняя страница имеет классный home в элементе body .

Ограничьте правило полей в таблице стилей с помощью этого класса:

 .home #secondary { margin-top: 20px; } 

используйте условный тег шаблона, когда вы вставляете css.

 add_action( 'wp_enqueue_scripts', 'wwm_enqueue_scripts' ); function wwm_enqueue_scripts() { //is_front_page() may or may not be the appropriate tag... //perhaps is_home() might server you better...??? if ( is_front_page() ) { //put the appropriate things in these variables for your stylesheet... wp_enqueue_style( $handle, $src, $deps, $version, $media ); } //enqueue other stuff (or not) } 

см. документы об условных тегах: http://codex.wordpress.org/Conditional_Tags