Как я могу переопределить этот фильтр градиента, используя CSS?

Я пытаюсь избавиться от / переопределить фильтр градиента над изображениями на моей домашней странице, и я использую эту дочернюю тему: http://my.studiopress.com/themes/altitude/#demo-full

Я новичок в этом, но это код, который я редактировал:

.image-section {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

Я попытался изменить его на:

.image-section {
background: none;
background-color: transparent;
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

Я даже пытался «! Важно», но, похоже, ничего не исправить. Может ли этот php (в customize.php) иметь к этому какое-то отношение?

global $wp_customize;

$images = apply_filters( 'altitude_images', array( '1', '3', '5', '7' ) );

Заранее спасибо за вашу помощь — я новичок в этом, поэтому спасибо за ваше понимание.

0

Решение

Я посмотрел на страницу. Причина, по которой вы не можете переопределить фон, заключается в том, что он использует медиа-запрос: @media all {},

Как предполагает могущественный @BoltClock, медиа не добавляет специфичности, поэтому для более или менее быстрого исправления:

CSS

div .image-section {
background: none;
}

добавит специфичности, поэтому, если последнее правило не работает, возможно, есть какой-то javascript или php, который применяет класс после применения css.

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]