colore di default del testo dei contenuti

[monitrilla]

 Salve a tutti...  qualcuno puo' aiutarmi?
 ho un piccolo problema:
  nel mio sito
www.monitrilla.net ho uno sondo scuro blu  e  il colore dei testi di default e' grigio.. che sul fondo blu e' quasi illeggibile.
Ora.. quando scrivo un testo in  backend non ho problema a leggerlo, ma poi quando lo pubblico e' illeggibile... ed io ho detto.. be poco male... lo modifico in  bianco con il mio editor....
peccato che se lo metto bianco nel backend che ha fondo bianco non vedo nulla....



Dove devo andare e come posso fare per far si che il colore di default del testo pubblicato sia bianco anzichè grigio?
(pur lasciando nel backend come ora=?)

[The-BiT]

vai nel css del tuo template.
Se non sei molto pratico, vai nella cartella del template che stai utilizzando, quindi "cartella_template_in_uso/css/template_css.css". Apri il file css e modifichi il colore del carattere che quasi sempre (salvo che tu non abbia modificato qualcosa) trovi tra i tag {body} alla voce color.
Fammi sapere.

[monitrilla]

 sono andata sul css  sul questo tratto:

body {
/*background:#1a2b4c url(../images/bodybg.png) repeat-x;*/
background-color: #la2b4c;
margin:0 auto;
text-align:center;
}


 l'ho sostituito con fffff....
ma il risultato e' stato che ho lo sfondo bianco..
 e non i caratteri del testo...

 

[monitrilla]

margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address {
margin:0.5em 0;
}

p {
margin:1em 0;
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}

img {
border:0;
}

a img {
border:0;
}

table {
/*this helps fix the relative font sizing

problem with tables in internet explorer*/
font-size:1em;
}

.hidden {
display:none;
}

/*end global resets*/
/*layout styles seperated from

layout.css as they are not structural

but graphical*/
body {
color:#333b4b;
font:76.1%/1.3em Tahoma, Helvetica, sans-serif;
}

#sidebar {
color:#dfe5e8;
font-size:0.9em;
}

#date {
color:#616772;
font-size:0.8em;
margin-right:15px;
}

#footer {
position:relative;
color:#fff;
font-size:10px;
}

/*Typography -->

These control the general, asthetic, typographical/text

elements of the css*/
h1 {
font-size:1.5em;
font-weight:700;
color:#333b4b;
}

h2 {
font-size:1.3em;
font-weight:700;
color:#6ead33;
}

h3 {
font-size:1.2em;
font-weight:700;
}

h4 {
font-size:1.1em;
font-weight:700;
color:#1270a6;
}

h5 {
font-size:1em;
font-weight:700;
}

h6 {
font-size:0.9em;
font-weight:700;
color:#6ead33;
}

blockquote {
background:#262c38;
border:2px solid #131f37;
border-left:4px solid #131f37;
margin:10px;
padding:1.2em;
color:#1270a6;
line-height:140%;
}

pre {
background:#262c38;
padding:10px;
border:1px solid #131f37;
border-left:5px solid #131f37;
margin:8px 0;
color:#6ead33;
}

/*Link Styling*/
/*main links*/
a:link,a:visited {
text-decoration:none;
color:#1270a6;
}

a:hover,a:active {
color:#6ead33;
text-decoration:underline;
}

a.category:link,a.category:visited {
font-weight:700;
}

td.user_mod_green a,
td.user_mod_blue a,
td.user_mod_green a:visited,
.user_mod_blue a:visited {
color:#fff;
text-decoration: underline;
}

td.user_mod_green li a,
td.user_mod_blue li a,
td.user_mod_blue li a:visited,
td.user_mod_green li a:visited{
text-decoration:none;
font-size:0.9em;
}

/*List item Styling*/
/*Universal item Styling*/
/*proviers different bullet for content lists*/
#content li,#sidebar li,#footer_shelf li {
list-style-type:none;
background:url(../images/li-bullet.gif) no-repeat 0 5px;
padding-left:13px;
margin-left:5px;
}

#content .user_mod_blue li,#content .user_mod_green li {
list-style-type:none;
background:url(../images/li-bullet-white.gif) no-repeat 0 5px;
}

#content .user_mod_blue ul,#content .user_mod_green ul {
margin:0;
padding:0;
margin-bottom:8px;
}

#footer_shelf li a {
color:#dae0e3;
}

#footer_shelf li a:hover {
color:#6ead33;
}

/*proviers different bullet for tab lists*/
#tabcontainer .tabcontentstyle li {
list-style-type:none;
background:url(../images/tab_arrow.gif) no-repeat 0 5px;
padding-left:13px;
margin-left:5px;
}

/**

General Joomla Styling - Covers common Joomla CMS Styles

*/
/*Graphical Elements

These styles provide management

of content's appearences.

*/
hr {
/*many components use this as a seperator line */
background:transparent;
height:1px;
border:1px solid #ccc;
margin:13px 0;
}

.pagenav {
/* this is for formatting texts where you

see "<< Start < Previous 1 Next > End >>" links

within content*/
font-weight:400;
margin:5px;
}

a.pagenav,a.pagenav:visited {
/* as above but specifically if they are links */
font-weight:700;
}

a.pagenav:hover {
/* as above but specifically when the links are hovered over */
color:#F90;
color:#e2e2e2;
}

.pagenav_prev a {
float:left;
width:410px;
font-weight:700;
}

.pagenav_next a {
float:right;
width:45px;
font-weight:700;
}

.back_button {
margin:5px 0 15px;
}

.back_button a {
color:#6ead33;
}

.small {
/* a symantic style to allow you to add text with this class, that
is used for small text, like date/written by etc */
font-size:9px;
color:#1270a6;
letter-spacing:0.1em;
margin:0;
padding:0;
text-decoration:none;
font-weight:400;
}

.createdate {
/* styling the date the content was created on*/
background:url(../images/calendar.gif) no-repeat 0 2px;
font-size:0.9em;
color:#666;
text-indent:21px;
font-weight:400;
margin:0;
padding:2px 0;
}

.modifydate {
/*Styles the "Last updated on" text
at the end of articles/contents */
font-size:10px;
color:#666;
text-decoration:none;
font-weight:400;
font-style:italic;
}

.readon {
text-align:left;
width:103px;
height:24px;
text-indent:8px;
line-height:23px;
margin:1em 0;
font-weight: bold;
}

a.readon:link,a.readon:visited,a.readon:hover {
/* formatting the "Read on..." link on blog layout pages */
color:#6ead33;
text-decoration:none;
font-size:11px;
}

/*Default styling for the pathway

displayed by the mosPathWay()*/
span.pathway {
background:url(../images/pathway-icon.gif) no-repeat 0 1px;
color:#616772;
font-size:0.9em;
margin-left:10px;
padding-left:20px;
}

span.pathway a {
background:url(../images/li-bullet.gif) 100% 50% no-repeat;
padding-right:20px;
}

span.pathway img {
display:none;
}

a.pathway {
color:#616772;
line-height:34px;
text-decoration:none;
}

a.pathway:hover {
color:#6ead33;
text-decoration:underline;
}

/*

Joomla Styling for Contents

These are all the styles for content

*/
/* This is used for joomla content output in

the main content area*/
table.contentpaneopen,table.contentpane {
border-collapse:collapse;
padding:0;
margin:0;
width:100%;
font-size: 0.9em;
}

table.contentpaneopen td {
padding-left: 5px;
}

td.buttonheading {
padding-right: 2px;
}

#footer_shelf .contentpaneopen {
background:none;
color:#dae0e3;
margin:0;
}

.moduletable table.contentpaneopen td {
background:none;
font-size:1.1em;
margin-top:10px;
background:none;
border:none;
padding:6px;
}

td.contentheading {
/* Used as the Title of the content, article, etc. being displayed,
it is also used for Section's heading*/
font-size:1.3em;
font-weight:700;
color:#1270a6;
padding:2px;
padding-top:5px;
height: 33px;
}

table.contentpaneopen {
padding:5px;
}

table.blog .contentpaneopen {
/*spaces out the blog layout nicely*/
margin:6px;
margin-bottom:-5px;
}

div.blog_more {
background:#2f3746;
padding:10px;
margin-left:-5px;
margin-right:-5px;
color:#dfe5e8;
border-left:4px solid #6ead33;
border-right:4px solid #6ead33;
}

.contentpagetitle {
/*Title of articles*/
font-size:0.9em;
font-weight:700;
color:#E2E2E2;
text-align:left;
}

.componentheading {
/* Used to format a components heading or title */
font-size:1.4em;
font-weight:700;
color:#6ead33;
margin:.7em 0 0.9em;
font-weight:700;
}

table.contenttoc {
margin:10px;
padding:0;
float:right;
}

/*

Joomla Sections Styles
Styling of sections tables
*/

.sectiontableheader {
/* This is for styling the section table headers on a SECTION's page.*/
background-color:#8fcbe8;
padding:1px 4px 2px 10px;
font-size:1.1em;
border-top:2px solid #82c7e8;
color:#fff;
font-weight:700;
}

.sectiontableentry1 {
/* this is used when there's a whole list of data to provide and
you need to create alternate colors for each row of data. This is
the first color */
background-color:#c5dce8;
border-top:1px solid #484848;
padding:3px 0 3px 10px;
}

.sectiontableentry2 {
/* this is the second color for the row*/
background-color:#edf4f7;
border-top:1px solid #484848;
padding:3px 0 3px 10px;
}

tr.sectiontableentry1 td,tr.sectiontableentry2 td,td.sectiontableentry1,td.sectiontableentry2 {
padding:3px;
font-size:0.9em;
}

.sectiontableentry1 a,.sectiontableentry2 a {
color:#333;
}

/*  Polls  */
.poll {
/* polls texts */
font-size:1em;
line-height:14px;
}

/*this helps make the poll
look better as it removes the
section and table entry lines*/
.poll .sectiontableentry1,.poll .sectiontableentry2 {
background:none;
border:none;
text-align:left;
}

.pollstableborder {
/* set the border properties of the polls voting table */
border:none;
width:175px;
border:none;
}

.poll td {
/* set the table data properties of the polls voting table */
font-size:0.95em;
color:#e2e2e2;
font-weight:400;
padding:4px;
}

/*If you use mosimage to ad images



this helps style those images */
.mosimage {
margin:1px;
}

.mosimage img {
border:none;
border-top:1px solid #759db1;
border-left:1px solid #759db1;
border-right:1px solid #b8cfda;
border-bottom:1px solid #b8cfda;
background:#e7eef1;
padding:7px;
}

.mosimage_caption {
font-size:10px;
color:#666;
text-transform:uppercase;
}

/*Form Elements

These styles control the

appearance of forms

*/
#content .button {
/* button style for Joomla component, form and module buttons
specifically in the main content area*/
background:url(../images/green-buton-bg.jpg) repeat-x 0 0;
border:1px solid #525f01;
color:#FFF;
margin:6px 0;
margin-left: 3px;
font-weight:400;
font-size: 11px;
text-align:center;
}

#sidebar .button {
/* button style for Joomla component, form and module buttons

specifically in the  sidebar*/
background:url(../images/green-buton-bg.jpg) repeat-x 0 0;
border:1px solid #525f01;
color:#FFF;
width:80px;
height:23px;
margin:6px 0;
font-weight:400;
text-align:center;
padding:1px 0 3px;
}

#sidebar .button:hover {
/* hover style of sidebar button*/
background:#8bc21f;
border:1px solid #525f01;
}

#content .inputbox {
/* the look of input boxes in forms in main content */
font-size:12px;
color:#444;
background:#edf4f7;
border:none;
border-top:1px solid #53707e;
border-left:1px solid #53707e;
padding:0 3px;
margin:0;
}

#content .inputbox:hover {
border:none;
border-top:1px solid #6ead33;
border-left:1px solid #6ead33;
}

#sidebar .inputbox {
/* the look of input boxes in forms */
font-size:12px;
color:#e2e2e2;
background:url(../images/sidebar_inputbg.gif) repeat-x 0 0;
height:17px;
line-height:22px;
width:177px;
display:block;
border:1px solid #3d3d3d;
padding-top:4px;
padding-left:3px;
margin:0;
margin-bottom:-10px;
}

#sidebar .inputbox:hover {
border:1px solid #333;
background:#245696;
}

#sidebar .inputbox:focus {
border:1px solid #333;
background:#245696;
}

#sidebar input#mod_login_remember {
/* fixes alignment problems of checkbox and

removes ugly ie styling*/
width:auto;
margin:0;
padding:0;
border:none;
display:inline;
background:none;
}

#mod_login_remember label {
color:red;
}

textarea {
/* the look of the large text area on forms */
font-size:12px;
color:#e2e2e2;
background:#e7eef1 !important;
border:1px solid #3d3d3d;
padding:1px 3px;
margin:0;
}

/*Styles for top right search*/
#input_search_main input {
background:url(../images/search_bg.gif) no-repeat;
border:none;
padding:2px 0 0 22px;
color:#3f87b1;
width:144px;
height:15px;
font-size:9px;
}

/*Module Styling*/
.moduletable h3 {
font:normal 11px/21px Tahoma, serif;
text-indent:7px;
text-transform:uppercase;
color:#fff;
margin:0;
padding:0;
}

.moduletable,
.moduletable-green,
.moduletable-blue {
margin:0;
padding:0;
padding-bottom:6px;
}

.moduletable p,
.moduletable-green p,
.moduletable-blue p  {
margin:0;
padding:0;
}

div#sidebar .moduletable h3 {
width:193px;
padding-bottom:6px;
margin-left:-5px;
margin-right:-5px;
margin-bottom: 0px;
height:21px;
color:#fff;
background:url(../images/mod-head.gif) repeat-x;
}

div#sidebar .moduletable-blue h3 {
font:normal 11px/21px Tahoma, serif;
text-indent:7px;
padding-bottom:6px;
text-transform:uppercase;
width:193px;
margin-left:-5px;
margin-right:-5px;
margin-bottom: 0px;
height:21px;
color:#fff;
background:url(../images/mod-head-blue.gif) repeat-x;
}

div#sidebar .moduletable-green h3 {
font:normal 11px/21px Tahoma, serif;
padding-bottom:2px;
text-indent:7px;
text-transform:uppercase;
width:193px;
margin-left:-5px;
margin-right:-5px;
margin-bottom: 0px;
height:21px;
color:#fff;
background:url(../images/mod-head-green.png) repeat-x;
}

div#footer_shelf .moduletable h3 {
width:100%;
height:22px;
color:#fff;
background:url(../images/mod-head-darkblue.gif) repeat-x;
}

div#footer_shelf .moduletable {
width:100%;
color:#dae0e3;
font-size: 0.9em;
}

#footer_shelf .moduletable p {
padding: 6px;
margin:0;
}


td.user_mod_green .moduletable p,
td.user_mod_blue .moduletable p {
padding: 8px;
margin:0;
color:#fff;
font-size: 0.9em;
}


/*Styling for the green and blue
boxes set to the inset-top and
inset-bot positions*/

.moduletable-inset-top h3 {
color:#1070a3;
font-weight:700;
text-transform:uppercase;
font-size:12px;
}

.moduletable-inset-top {
background:#b1d6e8;
padding:2px 5px;
}

#inset_top {
border:3px solid #b1d6e8;
padding:1px;
background:none;
margin-bottom:10px;
}

.moduletable-inset-bot h3 {
color:#658e3e;
font-weight:700;
text-transform:uppercase;
font-size:12px;
}

.moduletable-inset-bot {
background:#a9d571;
padding:2px 5px;
}

.moduletable-inset-bot td.contentheading  {
text-transform:uppercase;
font-size: 1em;
}

#inset_bot {
border:3px solid #9cc37d;
padding:1px;
background:none;
margin-top:10px;
}

/*Green and Blue top user Module Styling*/
td.user_mod_green .moduletable h3 {
background:url(../images/user-mod-green-modhead.gif) 20% 100% no-repeat;
padding-bottom:3px;
margin-top:2px;
}

td.user_mod_blue .moduletable h3 {
background:url(../images/user-mod-blue-modhead.gif) 20% 100% no-repeat;
padding-bottom:3px;
margin-top:2px;
}





NON E' CHE MAGARI DEVO ANDARE SUL FILE css CUSTOMIZE??


 dove devo cambiare?

[monitrilla]

body {
color:#333b4b;
font:76.1%/1.3em Tahoma, Helvetica, sans-serif;




 trovato!!!! sostituito quel codice con un bianco...

[The-BiT]

Bene!
In ogni caso su google trovi anche dei siti che ti generano il corripondente colore esadecimale.