Css não aplica formatação

[mruoppolo 14]

Olá, tudo bem?

 

Eu estou trabalhando em um site e preciso mudar a cor da fonte dele em um link, só mudar de preto pra branco, coisa absurdamente simples, ja encontrei no código onde exatamente eu tenho que mudar fui la e mudei, porém a formatação não aplica de jeito nenhum. O menu é o de topo, o primeiro mesmo la em cima na barra marrom do site http://www.viladaslocacoes.com.br porém eu coloco o CSS nele como branco e isso não aplica nem a pau, eu fui dar uma olhada la em inspecionar elementos e percebi que quando aparece a formatação CSS ele esta com a coloração branca, porém, fica com um risco em cima do atributo color, o que é mais estranho é que na mesma formatação também tem o atributo shadow e este funciona perfeitamente.

 

Você tem ideia do que pode estar acontecendo??

 

Obrigado

[danmartinsiss 5]

manda o codigo para te ajudar

porem como tudo la em cima e link acaba que voce tem que mudar a cor do link

[mruoppolo 14]

Então, no caso eu ja mudei a cor do link, é só que a formatação não se aplica, vou mandar o trecho exato, mas acredito que não tenha nada haver, ele deve ter alguma coisa barrando aquela formatação.

  #top {
    background: url("../images/noise.png"), url("../images/leather.png");
    background-color: #4d4c45;
    border-bottom: 0.146em dashed #757369;
    color:#fff;
    border-top: 0.327em solid #32312d;
    font-weight: 700;
    -webkit-box-shadow: 0 0.236em 0 #3f3e39, 0 0.382em 1em rgba(0, 0, 0, 0.25), inset 0 -1px 0 #3f3e39;
    -moz-box-shadow: 0 0.236em 0 #3f3e39, 0 0.382em 1em rgba(0, 0, 0, 0.25), inset 0 -1px 0 #3f3e39;
    box-shadow: 0 0.236em 0 #3f3e39, 0 0.382em 1em rgba(0, 0, 0, 0.25), inset 0 -1px 0 #3f3e39;
    position: relative;
    margin: 0 -2.618em;
    padding: 0 2.618em;
  }
  #top:before,
  #top:after {
    content: "";
    position: absolute;
    z-index: -1;
    -ms-transform: skew(-3deg, -2deg);
    -webkit-transform: skew(-3deg, -2deg);
    /* Safari and Chrome */
    -o-transform: skew(-3deg, -2deg);
    /* Opera */
    -moz-transform: skew(-3deg, -2deg);
    /* Firefox */
    bottom: 13px;
    box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
    height: 50px;
    left: 3px;
    max-width: 50%;
    width: 51%;
  }
  #top:after {
    -ms-transform: skew(3deg, 2deg);
    /* IE 9 */
    -webkit-transform: skew(3deg, 2deg);
    /* Safari and Chrome */
    -o-transform: skew(3deg, 2deg);
    /* Opera */
    -moz-transform: skew(3deg, 2deg);
    /* Firefox */
    left: auto;
    right: 3px;
  }
  #top #top-nav {
    display: block;
  }
  #top a {
    color: #ffffff;
    text-shadow: 0 -1px 0 #35332a;
  }
  #top a:hover {
    color: #ffffff;
  }
  #top ul.nav {
    font-size: .857em;
    /* LEVEL 2 */
    /* LEVEL 3 */
  }
  #top ul.nav > li a:hover {
    background-color: #68665d;
    color:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#68665d), to(#5a5951));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #68665d, #5a5951);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #68665d, #5a5951);
    /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #68665d, #5a5951);
    /* IE10 */
    background-image: -o-linear-gradient(top, #68665d, #5a5951);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #68665d, #5a5951);
  }
  #top ul.nav > li:hover {
    background-color: #68665d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#68665d), to(#5a5951));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #68665d, #5a5951);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #68665d, #5a5951);
    /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #68665d, #5a5951);
    /* IE10 */
    background-image: -o-linear-gradient(top, #68665d, #5a5951);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #68665d, #5a5951);
  }
  #top ul.nav > li.logout a:after {
    font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-left: .618em;
    content: "X";
  }
  #top ul.nav ul {
    background-color: #5a5951;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5a5951), to(#4d4c45));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #5a5951, #4d4c45);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #5a5951, #4d4c45);
    /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #5a5951, #4d4c45);
    /* IE10 */
    background-image: -o-linear-gradient(top, #5a5951, #4d4c45);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #5a5951, #4d4c45);
    box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.2);
  }

Seria todo este #top que administra aquele menu de topo, porém as linhas específicas seriam estas aqui:

#top a {
    color: #ffffff;
    text-shadow: 0 -1px 0 #35332a;
  }

Como da pra notar a cor ja esta em branca, porém se eu modifico ela, a alteração não surti nenhum efeito, agora se eu modifico o text-shadow abaixo surte efeito normalmente.

 

Não estou conseguindo entender o que acontece.

[Lucas Santos Brito 12]

Marcello, observe a linha 140 do seu documento (index) e veja que já foi citada uma cor fixa para todas as tags <a> do documento. A citação é seguida de " !important ", o que impede a propriedade de ser alterada.

<!-- Woo Custom Styling -->
<style type="text/css">
body { background-image: url( http://viladaslocacoes.com.br/wp-content/uploads/2015/04/patern4.png ) !important; }
body { background-repeat: repeat !important; }
body { background-position: top center !important; }
body { background-attachment: scroll !important; }

/* Aqui está o seu problema */
a { color: #4c4c4c !important; }
a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { color: #4c4c4c !important; }
/* ------------------------- */

</style> 

Remova a linha ou simplesmente a declaração do " !important " e seu problema estará resolvido.

 

Abs.

[danmartinsiss 5]

bom eu vi seu codigo fonte da pagina voce tem esse codigo abaixo que esta limitando seus links a essa cor

a {
	color: #4c4c4c !important;
}
a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover {
	color: #4c4c4c !important;
}

e voce criou outra condicao para fazer a mesma coisa

[danmartinsiss 5]

clica em resolvido pra nos irmao!

[mruoppolo 14]

Galera, muito obrigado pelo auxilio, na verdade, não cliquei ontem, porque não sei o que aconteceu, mas não estava conseguindo me logar aqui no forum.

 

As duas soluções estão corretas, porém eu vou clicar no Lucas, afinal ele respondeu primeiro.

 

Mas muito obrigado aos dois