#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 Добро пожаловать, затем примите ответ, чтобы показать, что вопрос решен