Любой пользовательский CSS для удаления серого наложения на изображения в Slick Slider carousel?

#css #wordpress #slick.js

#css #wordpress #slick.js

Вопрос:

Я редактирую изображения в карусели заголовка в WP, который использует slick slider. Когда я загружаю изображение, текстовое наложение, которое я наложил на изображение (ярко-белый шрифт в PS), становится тускло-серым после загрузки. Разрешение не является проблемой, поэтому я считаю, что на изображениях есть наложение, которое я изо всех сил пытаюсь удалить. Я пробовал некоторые пользовательские CSS безрезультатно, кто-нибудь может предложить какие-либо решения?

Комментарии:

1. Не могли бы вы дать нам хотя бы URL, где мы могли бы проверить вашу проблему? или изображение?

2. Во-первых, я бы рекомендовал также опубликовать вашу проблему в WordPress stackoverflow: wordpress.stackexchange.com Можете ли вы описать, как добавить это наложение, которое вы пытаетесь добавить, чтобы попытаться воспроизвести его с помощью инструментов браузера

Ответ №1:

Кажется, что у вас установлено наложение в классе .banner .banner-images .banner-images-image:before . Установите, как указано ниже:

 .banner .banner-images .banner-images-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    z-index: 1;
}
  

Итак, я думаю, вам нужно изменить свойство background, поскольку непрозрачность равна 0.15.
Попробуйте установить в вышеуказанном классе:
background: none; или background: rgba(0,0,0,0); или opacity: 0; вместо этого. Например:

 .banner .banner-images .banner-images-image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0) !important;
        opacity: 0;
        z-index: 1;
    }
  

Комментарии:

1. ДА!! Спасибо, background: none; и Background: rgba(0,0,0,0) ничего не сделал, кроме замены его на opacity: 0; сделал это!!! Большое спасибо, я так благодарен за вашу помощь!

2. @ChatNoir Добро пожаловать, затем примите ответ, чтобы показать, что вопрос решен