Default Article text CSS

[Vargas]

Hi there,

Maybe one of you guys can help me out.

I try to change te appearance of the default article tekst (like font, style, colour) but i dont seem to be able to find the right css definition for that.

I changed the style for contenttitle and content subtitle and that worked well.

I looked in frontend.css and conf.template_default.inc.php but whatever i change or add, the text seems to keep it's style.

I know i can do this by adding a style to the fckeditor and then select it, but i just want to change the default style of the article text so i dont have to select anything.

can anybody push me into the right direction like what file do i need to edit and which entry would it be ?

Thanx in advance.

[cyrano]

Hi Vargas,

i suggest to have a look in your rendered page and study the source code.
then you see which text class is used for your texts.

[update]

Hi Vargas,
it seems to be:
div class="articleSummary"
div class="articleText"
and as far as nothing else is defined:
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}
in frontend.css
Isn't it?

claus

[Vargas]

Hi Vargas,

i suggest to have a look in your rendered page and study the source code.
then you see which text class is used for your texts.

Hi Cyrano and thanx for the fast reply.

I did that allready but cant find a specific class fot that text in there

This is the sourcecode of rendered content part:

Code: Select all

<!-- Content -->
<img src="img/leer.gif" border="0" width="1" height="20" alt="" /><br>
<Table cellpaddin="10" cellspacing="10" bgcolor=#FFFFFF>
<TR><TD>
<a name="jump1"></a><div class="defaultTitle">This is a test header</div><div class="defaultSubtitle">This is a test subheader</div>[size=18][color=red]<p>HOW CAN I CHANGE THIS TEXT STYLE ???.</p>
<p>OR THIS ONE ???<p>[/color][/size]
<div>&nbsp;</div><div align="right"><a href="#top"><img src="img/article/top_link_0.gif" border="0" alt="" /></a></div>
<br>
</tr></td>
</table>
<img src="img/leer.gif" border="0" width="1" height="20" alt="" />
<center>
<HR>
<BR></td>
<td valign="top" width="5" bgcolor="#FFFFFF"><img src="img/leer.gif" width="5" height="1" alt="" /></td>
<td valign="top" width="21" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td colspan="5" style="height:1px;"  bgcolor="#0672B2"><img src="img/leer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="5" style="height:1px;"  bgcolor="#0672B2"><!-- Footer -->

</td></tr><table></center></td>
</tr>
</table>
</body>
</html>

As you can see there is only a simple <p> tag, no defined class.

But i think it must be possible to change that somewhere ?

I allready changed the Title part and that is working pretty well

Code: Select all

$template_default["article"]["content_head_before"]		= '<div class="DefaultTitle">';
$template_default["article"]["content_head_after"]		= '</div>';
//$template_default["article"]["content_head_class"]		= "DefaultTitle";
$template_default["article"]["content_subhead_before"]	= '<div class="DefaultSubTitle">';
$template_default["article"]["content_subhead_after"]	= '</div>';
//$template_default["article"]["content_subhead_class"]	= 'DefaultSubTitle';

so is there anything similar to this for the default text style ?

thanx

[update]

Hi,
perhaps like this:

td, th, p, div, span {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px
}

to be found in frontend.css...

[cyrano]

gues you can follow the tips from claus.

you an also define in frontend.css:

body p {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000000;
line-height: 135%;
}

or global for all in body:

body {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000000;
line-height: 135%;
}

[update]

jaa
body p looks even better to me

[Vargas]

Hey guys,

Thanx for so many suggestions.

I tried and edited the frontend.css

Right at the first line i find:

Code: Select all

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

So i changed the font-size to 22px to see if it had any effect, but is does not.

So i changed the font size in:

Code: Select all

td, th, p, div, span {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px
}

also to 22px but no effect either.


So now i am going to define a new class .body p and check out what it will do.

I let you know, thanx so far.

[update]

also try
body p {
instead of .body p
and perhaps try emptying the cache (if you use ie, also empty browsers cache) - this fooled me suuuch a lot again and again!
claus

[Vargas]

also try
body p {
instead of .body p
and perhaps try emptying the cache (if you use ie, also empty browsers cache) - this fooled me suuuch a lot again and again!
claus

Hehe yup, that IE cache got me quite a few times myself

Well, i added the following class to frontend.css

Code: Select all

body p { 
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
color: #000000; 
line-height: 135%; 
} 

But is does not have any effect at all.
Also changing the .body { } class wont help.

I just cant believe im the first or only person who wants to change that ?But i cant find anything about this in the forum.

how did you guys solve this ?

[silver]

Hi Vargas,

if you look in your source code you see that there are many old FONT tags.
I don't know how you've got these tags there but i'm sure that they bring the trouble to you

Try to clear your sorce from the old tags an then retry formattig unsing css.

greetz

silver

[Vargas]

Hi guys,

Cyrano fixed the problem.

Stupid me, i have the {CONTENT} part within a table so all the style changes did not affect it at all.

Cyrano added a style to the frontend.css to cover that.

Thanx cyrano and all of you for the great support.

Vargas