Page 1 of 1

Default Article text CSS

Posted: Fri 8. Sep 2006, 15:19
by 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.

Posted: Fri 8. Sep 2006, 15:20
by 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.

Posted: Fri 8. Sep 2006, 15:28
by 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

Posted: Fri 8. Sep 2006, 15:33
by Vargas
cyrano wrote: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

Posted: Fri 8. Sep 2006, 15:36
by 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...

Posted: Fri 8. Sep 2006, 15:37
by 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%;
}

Posted: Fri 8. Sep 2006, 15:38
by update
jaa
body p looks even better to me :wink:

Not really working

Posted: Fri 8. Sep 2006, 15:51
by 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.

Posted: Fri 8. Sep 2006, 15:59
by update
also try
body p {
instead of .body p :wink:
and perhaps try emptying the cache (if you use ie, also empty browsers cache) - this fooled me suuuch a lot again and again!
claus

Posted: Fri 8. Sep 2006, 16:11
by Vargas
claus wrote:also try
body p {
instead of .body p :wink:
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 ?

Posted: Fri 8. Sep 2006, 16:17
by 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

Problem solved, Thanxx to all of you

Posted: Fri 8. Sep 2006, 16:54
by 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