Op deze pagina staan een aantal specialisaties van mijn klant.
Als ik met mijn muis over 1 van deze specialisaties ga, wordt de tekst blauw. (zie screenshot)
Dit zou echter deze kleur bruin moeten zijn: #6e5129
In de css van deze "section" staat nergens een kleur blauw zodat ik deze kan aanpassen.
Ik heb dus ook geen idee waar ik dat nu kan doen.
Als ik "inspecteer element" doe, kan ik ook nergens die kleur blauw terug vinden.
Iemand een idee?
Als ik met mijn muis over 1 van deze specialisaties ga, wordt de tekst blauw. (zie screenshot)
Dit zou echter deze kleur bruin moeten zijn: #6e5129
In de css van deze "section" staat nergens een kleur blauw zodat ik deze kan aanpassen.
Ik heb dus ook geen idee waar ik dat nu kan doen.
Als ik "inspecteer element" doe, kan ik ook nergens die kleur blauw terug vinden.
Iemand een idee?
Code:
.faq .faq-list {
padding: 0 100px;
}
.faq .faq-list ul {
padding: 0;
list-style: none;
}
.faq .faq-list li + li {
margin-top: 15px;
}
.faq .faq-list li {
padding: 20px;
background: #fff;
border-radius: 4px;
position: relative;
}
.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 0 30px;
outline: none;
}
.faq .faq-list .icon-help {
font-size: 24px;
position: absolute;
right: 0;
left: 20px;
color: lightgray;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}
.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
}
.faq .faq-list .icon-show {
display: none;
}
.faq .faq-list a.collapsed {
color: #343a40;
transition: 0.3s;
}
.faq .faq-list a.collapsed:hover {
color: #6e5129;
}
.faq .faq-list a.collapsed .icon-show {
display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
display: none;
}
@media (max-width: 1200px) {
.faq .faq-list {
padding: 0;
}
}