2015-12-29 6 views
1

Я использую код V1 GCSE для отображения результатов поиска на сайте Wordpress с детской темой Genesis.Почему я все еще вижу нижнюю границу в своих результатах Google CSE?

Большая часть стиля будет хорошо, но для жизни меня, я не могу понять, где эти тонкие серые нижние границы поступают из: search results page with borders

Постановки сайт с тестовым запросом можно найти по адресу: http://74.220.217.211/search/?q=test

Пожалуйста, помогите мне выяснить, почему я все еще вижу границы! Заранее спасибо.

+0

Некоторые вещи, которые не работали: '# поисково- results table.gsc-table-result {border-bottom: none! important; } 'и' # search-results div.gsc-result {border-bottom: none! important; } ' –

ответ

2

По крайней мере, в Chrome, то HTML имеет тег < TBODY> динамически вставленный между < таблицы> и < TR> теги. Этот тег < tbody - тот, который все еще держится на границе.

Вам необходимо обновить правила в style.css включить < TBODY>, например:

#search-results table, #search-results table tr, #search-results table tr td { 
    ... 
    border: 0 none; 
} 

становится

#search-results table, #search-results table tr, #search-results table tr td, #search-results table tbody { 
    ... 
    border: 0 none; 
} 
+0

Аллилуйя! Большое спасибо, Джереми. –

+0

Нет проблем - на самом деле я тоже немного пошатнулся! –

+0

Обратите внимание, вы говорите «по крайней мере в Chrome», но _all_ браузеры делают это. Это часть формального определения HTML, поэтому, если бы какой-либо браузер не вставлял труп, это было бы серьезной ошибкой! –

0

хорошо, я надеюсь, что это решает вашу проблему

.gsc-webResult.gsc-результат: парить, .gsc-imageResult: парить

на http://74.220.217.211/search/?q=test линии 196

удалить этот

border-color: #8DBCB0; 
border-width: 3px; 

.cse .gsc-webResult.gsc-result: hover, .gsc-webResult.gsc-r esult: парить, .gsc-webResult.gsc-result.gsc-продвижение: парить, .gsc-результаты .gsc-imageResult-классика: парить, .gsc-результаты .gsc-imageResult колонке: парить

на https://cse.google.com/cse/style/look/minimalist.css линия 165

удалить это

border-left: 1px solid; 
border-color: #000000; 
border-bottom: 0px solid; 

"отпечаток показывает, как я получаю эту информацию"

enter image description here

enter image description here

EDIT

Как автор в настоящее время указано, что это серая граница он хочет удалить - Он пришел из http://74.220.217.211/search/?q=test линии 464 TBODY {границы дна: 1px твердых #ddd; }

Эта последняя печать показывает код

enter image description here

+0

Спасибо за ваш ответ! Я должен был быть яснее в своем оригинальном посте. Я обновил его, чтобы объяснить, что это тонкие серые нижние границы, о которых я беспокоюсь, а не сине-зеленая левая граница, которая появляется при наведении (это намеренно). Могли ли вы удалить нижнюю границу, когда вы играли в своем браузере? –

+0

Я только что обновил свой ответ, проверьте, не решает ли ваша проблема:] –