Ajuda para alterar cor no codigo css

[renan Renan0803]

pessoal eu não entendo quase nada de css

e tem o seguinte
o site tem uma parte da noticia n pagina principal caso a pessoa
queira ler mais elá clica em read more

como por exemplo este demo template
http://template.joomlabrasil.org/
ai tem a parte com  o titulo welcome to jomla

e depois vem o bendito read more

como faço para alterar quando passar o mouse em cima dele deixar com a cor #849abd



???????????????????????????

socorro
sei que a duvida é simples mas agradeço a vocês desd já

[renan Renan0803]

Este é o codigo css do template


/*---colors
FFFFFF
729E7B
9DBC70
FF0000
D5DE9E
445E88
8098BF
CDD5DA
8AB5AC
*/

/*---Body */
.site_name {
font-size: 16px;
font-weight: bolder;
color: #445E88;
}
body {
margin-top: 0px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
td, tr, p, div {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #868B95;
}
a:link, a:visited {
color: #8098BF;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

a:hover {
color: #adc5f1; text-decoration: none;

}

hr, hr.separator {
height : 1px;
width : 100%;
border: 1px solid #adc5f1;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Mambo Menu Styling
* ------------*/

/* menu -nav */
#mainlevel-nav li
{
float: right;
}
#mainlevel-nav li a:link, #mainlevel-nav li a:visited{
color: #425d8c;
width: auto;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
height: 16px;
text-align: center;
border-right: 1px solid #8AB5AC;
border-left: 1px solid #8AB5AC;
margin-top: 2px;
padding-right: 18px;
padding-left: 18px;
text-indent: 2px;
padding-top: 2px;
}
#mainlevel-nav li a:hover{
color: #adc5f1 ;
}


/* menu mainlevel */
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 12px;
font-weight: bold;
color: #425d8c;
text-align: left;
width: 140px;
text-decoration: none;
line-height: 16px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #adc5f1;

background-image: url(../images/Icons_1.png);
background-repeat: no-repeat;
background-position: 0px -4px;
padding-left: 18px;
}

a.mainlevel:hover {
background-position: 0px -36px;
color: #adc5f1;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #adc5f1;
}

/* menu sublevel */
a.sublevel:link, a.sublevel:visited {
display: block;
font-size: 12px;
font-weight: bold;
color: #8AB5AC;
text-align: left;
width: 140px;
text-decoration: none;
line-height: 16px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #adc5f1;

padding-left: 18px;
}

a.sublevel:hover {
color: #6a5acd;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #adc5f1;
}



/* mambo core stuff */
table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.moduletable th {
color: #adc5f1;
line-height: 19px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #adc5f1;

}
table.moduletable td {}

.pathway {
color: #FFFFFF;
}
a.pathway, a.pathway:visited {
color: #445E88;
}
a.pathway:hover {
color: #6a5acd;
}


/*** General Mambo Styles*/
.back_button{
text-align: center;
}
.pagenavbar {
color: #adc5f1;

}
.pagenav, a.pagenav, a.pagenav:visited{
color: #adc5f1;

height: 20px;
padding-right: 2px;
padding-left: 2px;
text-align: center;
padding-top: 2px;
border: 1px solid #adc5f1;

background-color: #FFFFFF;
}
a.pagenav:hover{
color: #adc5f1;
}



.small {
font-size: 10px;
font-weight: bold;
color: #adc5f1;
}


/**
* Mambo Form Styles
* -----------------
* Here are 2 styles that Mambo uses to let users control
* how their forms and buttons may look.
*/

.button {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #adc5f1;

border-right-color: #8098BF;
border-bottom-color: #8098BF;
border-left-color: #adc5f1;

font-size: 10px;
font-weight: bold;
color: #8098BF;
margin-top: 2px;
margin-bottom: 2px;
}
.inputbox {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #8098BF;
border-right-color: #adc5f1;

border-bottom-color: #adc5f1;

border-left-color: #8098BF;
font-size: 10px;
font-weight: normal;
color: #8098BF;
background-color: #FFFFFF;
}

/**
* Mambo Tabbed Frontend Admin Interface
* -------------------------------------
* The CSS styles here defines how the frontend admin interface
* will look like when editing and adding news through frontend.
*/

.ontab {}
.offtab {}
.tabpadding {}
.tabheading {}
.pagetext {}


/**
* Mambo General styling for Sections/Categories/Contents
* ------------------------------------------------------
* These stylings are either sometimes or often used across
* Sections, categories and contents. They, therefore, deserves
* to be mentioned and separated from others.
*/

.createdate {
font-size: 10px;
color: #adc5f1;
}
.modifydate {}
.readon, a.readon:link, a.readon:visited{
color: #adc5f1;

float: right;
background-image: url(../images/Icons_3.png);
background-repeat: no-repeat;
background-position: 0px -5px;
padding-left: 16px;
}
a.readon:hover{
color: #8AB5AC;
background-position: 0px -37px;
}


/**
* Mambo Styling for Contents
* --------------------------
* All the styling for contents are listed
* below.
*/

.contentpane {}
.contentpaneopen {}


.contentdescription {}
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}


/**
* Mambo Styles for Categories
* ---------------------------
* The following are the styling for "Category" items
* generated from the Sections area
*/
/* For content item titles that are hyperlink instead of Read On */
.contentheading, .componentheading{
color: #425d8c;
font-weight: bold;

}
.contentpagetitle, .category {
color: #adc5f1;
font-weight: bold;

}
a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
font-size: 12px;
font-weight: bold;
color: #8AB5AC;

}

a.contentpagetitle:hover, a.category:hover {
color: #8098BF;
}




/**
* Mambo Blog styling
* ------------------
* Not too sure where this is used yet. I tried the blog section
* but it doesn't seem to use it. If you have info on this,
* email me. I'll update this part.
*/

.blogsection{}



/**
* Mambo's Built-in Component's Syling
* -----------------------------------
* These stylings are used for Mambo's built-in components
* such as newsfeeds, weblinks, contact, search and polls.
* A commented subtitle will guide you which is for which
*/


/*  Polls  */



.poll {
font-size: 11px;
color: #8AB5AC;
}
table.pollstableborder {
border: 1px solid #8098BF;
color: #445E88;
}

/**
* Mambo Sections Styles
* ---------------------
* Styling of sections tables
*/

.sectiontableheader {
background-color : #adc5f1;
/

color            : #445E88;
font-weight      : bold;
border-top: 1px solid #8098BF;
border-right: #8098BF;
border-bottom: 1px solid #8098BF;
border-left: #8098BF;
line-height: 16px;
}

.sectiontableentry1 {
}

.sectiontableentry2 {
  background-color : #EEEDEA;
}



/*  Weblinks */
.weblinks{}


/*  Newsfeeds */
.newsfeedheading {}
.newsfeeddate {}
.fase4rdf {}


/* Search page */
table.searchintro {}


/*  Contact's table settings  */
table.contact {}
table.contact td.icons {}
table.contact td.details {}

[Eduardo Ferreira]

A classe que controla o Read more... no joomla é .readon

Procure no seu arquivo de estilo isso:

Código: Selecionar todos

a.readon:hover{
   color: #8AB5AC;
   background-position: 0px -37px;
}

E altere por isto:

Código: Selecionar todos

a.readon:hover{
   color: #849ABD;
   background-position: 0px -37px;
}

[renan Renan0803]

Eduardo mais

1 vez OBRIGADOOOOOOOOOOOOOOO

SEMPRE SALVANDO A PATRIA EIHM

VLW

[Luis Pacheco]

Usa o plugin Web Developer no FireFox, vai em CSS>View Style Information, assim quando vc clica em alguma coisa ele te mostra a classe e a linha q ta, foi assim q eu aprendi e to aprendendo CSS, ajuda MUITO.

[albertobraschi]

tb estou cuma duvida referente a cor de texto no menu.

no caso eu estou usando um menu secundario na pagina..mas ele esta usando o css do menu principal..o q posso fzr pra personalizar o css deste segundo menu?

[Daniel Corrêa]

use o recurso de "sufixo de classe"

[fabio]

Usa o plugin Web Developer no FireFox, vai em CSS>View Style Information, assim quando vc clica em alguma coisa ele te mostra a classe e a linha q ta, foi assim q eu aprendi e to aprendendo CSS, ajuda MUITO.

Interessante, confesso que não conhecia esse plugin.

Vou testa-lo

Ok

Fabio

[Lúcio Sérgio Borges]

Como eu altero qualquer CSS... uso d modo geral.
Como identificar qual item do css a ser alterado,pois no joomla é mais difícil, copio o site em uma pasta qualquer e depois abro com editor dreamweaver, seleciono a parte que quero alterar e identifico qual css está sendo usando no campo STYLE da propriedade que fica logo no rodapé e depois altero sem difuculdades no css do joomla... blz

Espero ter ajudado com mais essa possibilidade!

vlw