Alterar Cor

Front-end
#1

Olá Galera peguei essa tabela, em um site, ela tem opção de filtro bem bacana
img:

a Questão é a seguinte, preciso trocar a cor dela onde esta em publicações, está azul, quero trocar para outra cor, tentei colocando bgcolor, style color, mas não obtive sucesso, alguém poderia dar uma mão?
Segue Código fonte

    <div class="container">
        <div align="center">
            <img src="img/diario.jpg" width="1150" height="240"/>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div style="width: 1130px" class="panel panel-primary">
                    <div  class="panel-heading">
                        <h3 class="panel-title">Publicações</h3>
                        <div class="pull-right">
                            <span class="clickable filter" data-toggle="tooltip" title="Filtrar Datos" data-container="body">
                                <i class="glyphicon glyphicon-search"></i>
                            </span>
                        </div>
                    </div>
                    <div style="width: 1125px" class="panel-body">
                        <input type="text" class="form-control" id="dev-table-filter" data-action="filter" data-filters="#dev-table" placeholder="Filtrar Jugadores" />
                    </div>
                    <table class="table table-hover" id="dev-table">
                        <thead>
                            <tr>
                                <th style="width: 300px">Título</th>
                                <th style="width: 100px">Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php
                            require_once ("./dao/ArquivosDAO.php");
                            $dao = new ArquivosDAO();
                            $retorno = $dao->buscarTodos();
                            while ($exibe = mysql_fetch_object($retorno)) {
                                $d = explode("-", $exibe->data);
                                $data = $d[2] . "/" . $d[1] . "/" . $d[0];
                                echo '<tr>
                                <td> <a target="_blank" href="pdfs/' . $exibe->nome . '">' . $exibe->titulo . '</a></td>
                                <td>' . $data . '</td>';
                                echo "</tr>";
                            }
                            ?>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

Obrigado Desde Já!

#2

Esta cor está vindo por causa do estilo panel-primary do bootstrap

Dê uma olhada nisto:

http://getbootstrap.com/components/#panels-alternatives

:wink:

#3

entendi, estou verificando, pelo que vi, ele apresenta algumas cores já, caso eu queira trocar, é possível ?, um exemplo cor laranja ?

#4

Você pode fazer a sobrescrita de uma propriedade… por exemplo… sua tag hj está assim:

<div style="width: 1130px" class="panel panel-primary">

Você pode fazer isto:

<div style="width: 1130px" class="panel panel-primary minhaClassePersonalizada">

Adicione mais uma classe ao elemento (no caso minhaClassePersonalizada), crie um arquivo .CSS, referencie este arquivo no seu html assim como está sendo referenciado o do bootstrap.

E no seu arquivo CSS defina o background-color que você quer.

.minhaClassePersonalizada{
	background-color: red
}

Assim você estará sobrescrevendo essa propriedade… :wink:

#5

guivirtuoso
Eu Tentei desse Jeito mas ela colocava a cor dentro dela, e não alterava o azul, ai
com ajuda de uma galera no facebook também consegui colocando a class junto com o
panel-heading

Obrigado! :slight_smile:

#6

Procure sempre inspecionar os elementos (pode ser com o inspect do proprio navegador) ai você verifica com exatidão até aonde aquela Class vai afetando os componentes.

Se estiver usando o Firefox, aconselho o uso do Firebug (Add-on), mas os inspecionadores padroes tanto do Firefox como do Chrome já dao conta do recado.

Abs

1 curtida