Edito CSS do thema e da bug

lucasapoll · Janeiro 21, 2013

Olá,

Pessoa, estou querendo mudar a cor dos links e dos títulos do tema do meu blog.

Usei o firebug do mozilla e identifiquei que o arquivo CSS que cuida dessa parte se chama "style-red.css".

Fiz um teste de mudança de cor de link para verde (Estava vermelho)

Como era antes:
http://img823.imageshack.us/img823/893/paginacerta.jpg

Ficou desse jeito:
http://img43.imageshack.us/img43/6584/paginasbug.jpg

A cor do link mudou, mas, bugou o resto da página inteira.

Tema:
WP Premium (free version)

Por R.BhaveshVersão 2.0
http://rbhavesh.com/

Se puderem ajudar.

Muito obrigado!

Fernando Neto MH · Janeiro 21, 2013

Cara coloca ai o código do css para nós ver aqui blZ?

Diéssica · Janeiro 21, 2013

01-red.css linha 10

a {
    color: #B30000;
    text-decoration: underline;
}

01-red.css linha 17

h1 a, h3 a, #content h3 a {
    color:#B30000;
}

01-red.css linha 89

#content a {
   color:#B30000;
}

Alterando o valor (#B30000) de color, você já consegue o resultado desejado.

(Por favor, na próxima vez poste o código CSS ou o link para o tema.)

lucasapoll · Janeiro 22, 2013

Opa, desculpa, mesmo!

Fiz as modificações que você informou, deu tudo certo, mas algumas coisas ainda ficaram na cor vermelha.

/* RED Color scheme inspiration with thanks from - Cameron Moll's http://authenticjobs.com/ */

body { background: #443b34 url(../images/body-bg_red.gif) repeat; color: #333; }



hr { color: #fff; border-top: 1px dotted #D3D3D3; }

blockquote { background: url(../images/quote.gif) no-repeat; color: #666; }



/*************************************

Links

**************************************/

a { color: #9da443; text-decoration:underline; }

a:hover { color: #333; }



/*************************************

Headings

**************************************/

h1, h3 { color: #570e00; }

h1 a, h3 a, #content h3 a { color: #9da443; }

h1 a:hover, h3 a:hover, #content h3 a:hover { color: #333; }


h2 { color: #570e00; }

h2 a { color: #570e00; }

h2 a:hover { color: #333; }

h3 a { color: #333; }

#sidebar h2 { color: #b30000; border-bottom:1px solid #b8b7af; }

#sidebar .popular h2 { color: #333; }

#sidebar h3 { border-bottom:1px dotted #a09e8c; color:#b30000;  } 



h6 { color: #000; }



/*************************************

Header

**************************************/

#header { background:url(../images/headerbg_red.gif) repeat-x; }

#header-in .title a { color: #e8e5cc; }

#header-in .title a:hover { color: #FFF; }

#header-in .description { color: #d27318; }



/*************************************

Subscribe form 

**************************************/

.subscribe { background:url(../images/subscribebg_red.gif) bottom left no-repeat; }

.subscribeform p { color:#fff; }

.subscribeform .input { background:none; border:none; }

.sbutton { background:url(../images/b_subscribebg_red.png) no-repeat; border:none; }



/*************************************

Top Search Form

**************************************/

/*Search box Rounded Corner start */

#xsnazzy { background: transparent; }

.xtop, .xbottom { background:transparent; overflow:hidden; }

.xb2, .xb3, .xb4 { background:#f4f3e8; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6; }

.xb1 { background:#bdbcb6; }

.xb2 { border-width:0 2px; }

.xboxcontent { background:#f4f3e8; border:0 solid #bdbcb6; border-width:0 1px; height:100%; overflow:hidden; }



/*Search box Rounded Corner End */

#searchform .s { background: #fff; color: #333; border:1px solid #443b34; }

#searchform .button { background:#688670 url(../images/button-submit.gif) no-repeat; }



ul.tablist { color:#333; }

ul.tablist li { border-bottom:1px dotted #959595; color: #333; background:url(../images/bullet-arrow3.gif) no-repeat; background-position:3px 8px; }

ul.tablist li a { color: #333; }

ul.tablist li a:hover { color: #b30000; }





#searchform .s { border: none; background: #fff; color: #333; border:1px solid #443b34; }





#nav li { background: url(../images/nav_red.gif) top left no-repeat; }

#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item { background: url(../images/nav-active_red.gif) top left no-repeat; color: #ff4e2c; }

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { color: #fff; background: url(../images/nav-active_red.gif) top right no-repeat; }

#nav ul li a { color: #560e00; background: url(../images/nav_red.gif) top right no-repeat; }

#nav ul li a:hover { color: #fff; background: url(../images/nav-active_red.gif) top right no-repeat; }



/*************************************

Main Container

**************************************/

#container { background:url(../images/container-cbg_red.gif) top repeat-y; border: 0px solid black; }



.container-top { background:url(../images/container-bg_red.gif) top left no-repeat; }

.container-bottom { background: url(../images/container-bottom_red.gif) no-repeat; }



/*************************************

Content

**************************************/

#content .post-meta-top { color: #3b3b3b;  }

#content p img { border:none; }

#content .post-bottom { border-top: 1px solid #DFE3E6; border-bottom: 1px solid #DFE3E6; color: #535353; font-size:11px; }

#content .post-bottom a { color:#535353; text-decoration:none; font-weight:bold; }

#content .post-bottom a:hover { text-decoration:underline; }





.cat  { background: url(../images/i_categories.png) 0px 2px no-repeat; }

.comm { background:url(../images/comment_red.png) no-repeat; }

#content a { color: #9da443; }


#content a:hover { color: #333;}



.nav-next { background:url(../images/arrow-right.gif) no-repeat right; }

.nav-previous { background:url(../images/arrow-left.gif) no-repeat left; }





/* Contact form --------------------------------- */

#content .contactright { color:#990000; }

.contacterror {	border: 2px solid #ccc; }

.contactright input, textarea { border:1px solid #ccc;  }

#contactsubmit { background:#990000; color:#fff; border:none;  }

#contactsubmit:hover { background:#333;  }





/*************************************

Popular Posts Section

**************************************/

#pxsnazzy { background: transparent; }

.pxtop, .pxbottom {background:transparent; }

.pxb2, .pxb3, .pxb4 { background:#d8d7cc; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6; }

.pxb1 { background:#bdbcb6; }

.pxb2 { border-width:0 2px; }

.pxboxcontent { background:#d8d7cc; border:0 solid #bdbcb6; border-width:0 1px; }





/*Twitter box Rounded Corner start */

#txsnazzy { background: transparent; }

.txtop, .txbottom {background:transparent; }

.txb2, .txb3, .txb4 { background:#fffbcb; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6; }

.txb1 { background:#bdbcb6; }

.txb2 { border-width:0 2px; }

.txboxcontent { background:#fffbcb; border:0 solid #bdbcb6; border-width:0 1px; }

 

#txsnazzy .popular ul li ul li a:hover { color:#333; }

#txsnazzy .popular ul li ul li a { color:#b30000; }



/*************************************

Sidebar

**************************************/

#sidebar .advertise img { border:none; }



/*popular box Rounded Corner End */

.popular ul li ul li { border-bottom: 1px dotted #b8b7af; background: url(../images/bullet-arrow3.gif) 0 9px no-repeat; }

.popular ul li ul li a { color: #333; }

.popular ul li ul li a:hover { color:#b30000; }





#sidebar h2.i_twitter {  background:url(../images/i_twitter.gif) no-repeat; padding-left:35px;  }

 

#l_sidebar ul li ul li, #r_sidebar ul li ul li { border-bottom: 1px dotted #b8b7af; background: url(../images/bullet-arrow3.gif) 0 10px no-repeat; }

#l_sidebar ul li ul li a, #r_sidebar ul li ul li a { color: #333; }

#l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { color:#b30000; }

#l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { border-bottom: 1px solid #b8b7af; /*IE Bug Fix */ background:none; }

#l_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a { color: #333; }

#l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border: none; }









/*************************************

Footer

**************************************/

#footer { color: #787878; }

.copyright a { color: #787878; }

.copyright a:hover { color: #000; }

ul#nav-footer li a { color: #b30000; }

ul#nav-footer li a:hover { color: #333; }





/*  Tabber  Style start -------------------- */

ul.tabbernav li a { border-bottom: none; background: #f4f3e8; }

ul.tabbernav li a:link { color: #b30000; }

ul.tabbernav li a:hover { color: #fff; background: #333; }

ul.tabbernav li.tabberactive a { background-color: #d8d7cc; border-bottom: 1px solid #d8d7cc; color:#30261e; }

ul.tabbernav li.tabberactive a:hover { color: #30261e; background:#d8d7cc; border-bottom:none; }



/*---- tabbertab = the tab content---------------------*/

.tabberlive .tabbertab { border-top:0; background:#d8d7cc; }

Como vocês podem ver no lado superior direito: Sobre mim

Os "Busca, arquivos e categorias"

E la embaixo: "Categorias e comentários recentes".

E o rodapé da página.

Att,

Lucas Leite

Diéssica · Janeiro 22, 2013

01-red.css linha 124 (caso use o Twitter do template)

#txsnazzy .popular ul li ul li a {
   color:#b30000;
}

01-red.css linha 157

ul#nav-footer li a {
   color: #b30000;
}

01-red.css linha 163

ul.tabbernav li a:link {
   color: #B30000;
}

:hover (caso queira)
01-red.css linha 63

ul.tablist li a:hover {
   color: #b30000;
}

01-red.css linha 135

.popular ul li ul li a:hover {
   color:#b30000;
}

01-red.css linha 143

#l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover {
   color:#b30000;
}

E se quiser trocar a cor dos títulos, que também estão em vermelho hexadecimal, é só procurar por #b30000 no código 01-red.css e substituir pela cor desejada. Os que restaram são de headings (títulos — h1, h2, h3...). :bye:

lucasapoll · Janeiro 22, 2013

A pagina voltou a ter o bug do primeiro post (background foi deletado) ):

O blog é http://www.doutorlogotipo.com.br/blog/ caso queiram ver como ficaram as modificações que deram certo

Diéssica · Janeiro 22, 2013

O blog é http://www.doutorlogotipo.com.br/blog/ caso queiram ver como ficaram as modificações que deram certo

Obrigada por postar o link.

Tentei pelo Firebug, como tinha dito anteriormente, e consegui alterar todas as cores com sucesso. Não estou duvidando, mas certifique-se que alterou corretamente.

lucasapoll · Janeiro 23, 2013

Eu fiz apenas uma mudança de teste, a mudança da cor do lado direito "Busca, Arquivos e Categorias" mudou de cor, mas deu o erro que eu comentei.

http://www.doutorlogotipo.com.br/print.jpg

Usei o código:

ul.tabbernav li a:link {
   color: #B30000;
}

Att,

Lucas Leite

lucasapoll · Janeiro 28, 2013

Fiz um root no site pelo dreamweaver e depois coloquei no ar e deu certo

Arquivado

Edito CSS do thema e da bug

Recommended Posts

lucasapoll 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fernando Neto MH 13

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diéssica 140

Compartilhar este post

Link para o post

Compartilhar em outros sites

lucasapoll 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diéssica 140

Compartilhar este post

Link para o post

Compartilhar em outros sites

lucasapoll 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diéssica 140

Compartilhar este post

Link para o post

Compartilhar em outros sites

lucasapoll 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

lucasapoll 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

printf iniciante básico

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

Fóruns

Tempo Real

Informação importante