When I active "optimize css", my css disappears.
.team-info1 {
position: relative;
margin-top: 50px;
background: #272727;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
z-index: 2;
border: 4px double #F2B84B;
}
.team-info1 h5 {
text-align: right;
padding-bottom: 5px;
z-index: 5;
color: #F2B84B;
font-size: 20px;
}
.team-subtext1 {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 13px;
text-align: right;
color: #f8f8f8;
opacity: .5;
padding-top: 3px;
font-style: italic;
padding-bottom: 20px;
}
.team-info1 p {
text-align: right;
padding-bottom: 20px;
}
@media (max-width:480px) {
.team-info1 h5 {
margin-top: 50px;
}
}
.team-img1 {
position: absolute;
background: #272727;
border-radius: 50%;
top: -50px;
left: 20px;
width: 120px;
height: 120px;
z-index: 2;
border: 1px solid #F2B84B;
}
.team-img1 img {
width: 100px;
height: 100px;
display: block;
border-radius: 50%;
margin-top: 10px;
margin-left: 10px;
}
//======================================================//
My html:
<div class="team-info1">
<div class="team-img1"><img src="images/image-2.jpg" alt="" /></div>
<h5>Valéria</h5>
<div class="team-subtext1">Cabelereira</div>
<p>Profissional especialista em cortes e penteados.</p>
<p style="text-align: center;"><a href=""><button class="custom" type="button">Agende seu horĂ¡rio</button></a></p>
</div>
//======================================================//
I am using in localhost, but all sites who utilize broke.
When I optmize css, disappears my classes .team-info1, .team-img1 and .team-img1 img
Joomla 3.3.4
plugin 2.3.2
temtemplate t3_blank 2.1.6