I’d like to change that manually… just what do I have to change in style.css?
** Section: Our team; —–
—————————————–*/
.our-team {
padding-bottom: 66px;
padding-top: 100px;
background: #FFFFFF;
}
.team-member {
border-radius: 4px;
overflow: hidden;
position: relative;
margin-bottom: 35px;
}
.team-member .details {
text-align: left;
font-size: 13px;
line-height: 20px;
position: absolute;
padding: 15px;
top: -200px;
left: 0;
width: 100%;
height: 190px;
-webkit-transition: all 500ms;
transition: all 500ms;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
filter: alpha(opacity=0);
opacity: 0;
}
.team-member .member-details {
position: relative;
display: inline-block;
padding-bottom: 5px;
}
.team-member:hover .details {
top: 0;
background: #333;
color: white;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100);
opacity: 1;
}
.team-member .profile-pic {
border-radius: 50%;
width: 174px;
height: 174px;
margin: auto;
overflow: hidden;
margin-bottom: 25px;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h5 {
text-transform: uppercase;
color: #404040;
font-weight: 700;
position: relative;
}
.team-member .position {
font-size: 13px;
margin-top: 15px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
line-height: 32px;
margin: 6px;
}
.team-member .social-icons ul li a {
background: #FFF;
font-size: 18px;
border-radius: 50%;
color: #808080;
}
.team-member .social-icons ul li a:hover {
color: #e96656;
}
.our-team .row > div:nth-child(4n+1) .red-border-bottom:before{
background: #e96656;
}
.our-team .row > div:nth-child(4n+2) .red-border-bottom:before{
background: #34d293;
}
.our-team .row > div:nth-child(4n+3) .red-border-bottom:before{
background: #3ab0e2;
}
.our-team .row > div:nth-child(4n+4) .red-border-bottom:before{
background: #f7d861;
