guilhermebhte 28 de ago. de 2019
Acho que não expliquei direito
o do flexmonte está assim:
# fm-pivot-view . fm-grid-layout . fm-filter-header i . fm-filter-icon {
right : 2 px ;
pointer-events : none ;
}
# fm-pivot-view . fm-grid-layout . fm-filter-header i . fm-filter-icon : before {
content : "\e90c" ;
color : #999 ;
}
# fm-pivot-view . fm-grid-layout . fm-flat-view . fm-filter-header i . fm-filter-icon {
left : 0 ;
}
o meu deve estar assim:
# fm-pivot-view . fm-grid-layout . fm-filter-header {
right : 2 px ;
pointer-events : none ;
}
# fm-pivot-view . fm-grid-layout . fm-filter-header {
content : "\e90c" ;
color : #999 ;
}
# fm-pivot-view . fm-grid-layout . fm-flat-view . fm-filter-header {
left : 0 ;
}
isto é, sem o i.fm-filter-icon , que é um ícone.
Entendeu ?
javaflex 29 de ago. de 2019
Se por exemplo tem um css de terceiro setando a fonte tamanho 200:
i . fm-filter-icon {
font-size : 200 px ;
}
Se quer resetar no seu css:
i . fm-filter-icon {
font-size : unset ;
}
Se quiser alterar pra 20 no seu css:
i . fm-filter-icon {
font-size : 20 px ;
}
javaflex 29 de ago. de 2019
E atenção que sobrepor é uma coisa (como passei no exemplo acima), remover completamente é outra, você tem que retirar a classe do elemento no html.
guilhermebhte 29 de ago. de 2019
javaflex 29 de ago. de 2019
Já expliquei, qual seria a dúvida agora?
guilhermebhte 29 de ago. de 2019
Como retirar do elemento HTML, somente de um local e não de todos que chamam o componente do flexmonster
javaflex 29 de ago. de 2019
Se voce tem no seu html o elemento div com a class abc, retira a classe abc do class.
guilhermebhte 29 de ago. de 2019
O problema que no flexmonter não existe removedclass somente inserir class
Solucao aceita
Mike 29 de ago. de 2019 1 like
Encapsula o flexmonster com uma div sua e no css coloca a sua classe antes do css do flexmonster
<div class= "minha-classe" >
<div id= "fm-pivot-view" >
<div clas= "fm-grid-layout" >
<div class= "fm-filter-header" >
<i class= "fm-filter-icon" ></i>
</div>
</div>
</div>
</div>
Nao sei quais propriedades CSS o Flexmonster gera, mas para ocultar voce pode usar o visibility: hidden, display:none ou dar unset na propriedade que ele colocou.
.minha-classe #fm-pivot-view .fm-grid-layout .fm-filter-header i.fm-filter-icon {
right: 2 px ;
pointer-events: none ;
}
.minha-classe #fm-pivot-view .fm-grid-layout .fm-filter-header i.fm-filter-icon:before {
content: "\ e90c " ;
color: #999;
}
.minha-classe #fm-pivot-view .fm-grid-layout.fm-flat-view .fm-filter-header i.fm-filter-icon {
left: 0 ;
}
OBS: Apenas copiei as propriedades que voce colocou aqui e inseri a classe da div que estaria encapsulando o flexmonster no inicio
guilhermebhte 30 de ago. de 2019
Obrigado @Mike e @javaflex
Funcionou perfeitamente.