Página 1 de 1

Como mudar a cor dos botões e destacar o preço

Enviado: 20 Abr 2015, 13:40
por Regis Filho
Olá, gostaria de saber como mudar a cor dos botões do opencart 2.0.1.1 e também da barra de menus, além de um meio de deixar o preço do produto um pouca mais destacado.

Re: Como mudar a cor dos botões e destacar o preço

Enviado: 20 Abr 2015, 17:34
por reds
Boa tarde amigo,
Tem sim, se tem algum conhecimento em CSS pode atacar diretamente na folha de estilo principal "stylesheet.css" do tema padrão do Opencart, causo necessite de um trabalho freelancer entre em contato.

Alguns exemplos de estilização:
Para esta apenas acrescentado ...
[Apenas mudei o MENU para Verde com degrade e os botões do comprar também vender e um foco maior no preço do produto]

linha: 595
Código: Selecionar todos
.product-thumb .price {
    color: #05A218;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    background-color: #F6F3F3;
    padding: 5px 0;
}
Linha: 192
Código: Selecionar todos
#menu {
    background-color: #05A218;
    background-image: linear-gradient(to bottom, #05CE1D, #086914);
    background-repeat: repeat-x;
    border-color: #05A21E #046F1B #047749;
    min-height: 40px;
}
Linha: 636
Código: Selecionar todos
.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #097D17;
}
Linha: 624
Código: Selecionar todos
.product-thumb .button-group button {
    width: 60%;
    display: inline-block;
    color: rgb(255, 255, 255);
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(5, 162, 24);
    border: medium none;
    font-weight: bold;
    float: left;
}
Algumas linhas simples! :geek: