Eclaircir une image d'un slideshow
Bonjour,
Je tente d'éclaircir une image d'un slideshow assombrie, j'aurais voulu mettre l'opacité à 1 mais mais je ne vois pas de réglage ou filtre sur l'image, seule l'opacité du texte peut être modifiée. Je précise que je suis plutôt novice.
La partie concernée, il me semble :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
| .promo_banner {
position: relative;
background: url("../images/design/promo_banner_bg.jpg") 50% 0% no-repeat;
background-size: cover;
}
.promo_banner--container {
height: 100%;
background: rgba(0,0,0,0.5);
padding: 83px 0 100px;
color: #fff;
}
.promo_banner--title {
font-size: 50px;
font-weight: 300;
}
.promo_banner--text {
font-size: 20px;
line-height: 30px;
opacity: 0.6;
padding: 32px 0 43px;
font-weight: 300;
}
.promo_banner.-centered {
text-align: center;
}
.promo_banner.-rounded .promo_banner--container {
padding: 220px 0 180px;
}
@media (max-width: 1200px) {
.promo_banner--container {
text-align: center;
}
}
@media (max-width: 992px) {
.promo_banner--container {
padding: 60px 20px;
}
.promo_banner--title {
font-size: 42px;
line-height: 46px;
}
.promo_banner--text {
font-size: 18px;
line-height: 26px;
}
.promo_banner.-rounded .promo_banner--container {
padding: 140px 20px;
}
}
@media (max-width: 769px) {
.promo_banner--title {
font-size: 34px;
line-height: 38px;
}
.promo_banner--container {
padding: 40px 20px;
}
.promo_banner--text br {
display: none;
}
.promo_banner.-rounded .promo_banner--container {
padding: 120px 20px;
} |
Une idée sur ce qui pourrait les éclaircir ?
Merci !
