News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

I feel stupid (change font color)

Started by hcfwesker, November 19, 2010, 12:34:23 AM

Previous topic - Next topic

hcfwesker

I'm trying to migrate from smf 1.1.11 to smf 2.0 rc4 ... and FAILING miserably.

I've actually learned a bit, but this EASY little task has been bothering for hours of trial & error, and haven't found a real answer while searching the forum.

Where do i change the forum's font color, I just want white text :(

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
   color: #fff;
}


^^^^^   When did the code go from 6 to 3 digits?



Help :( :( :(


Paul_Pauline

#fff is white.

They still use six digits for colours, they just shorten it for some basic colours, ie; the full code for white is # ffffff

It will also recognise white without the # in front of it.
"In every life, no matter how full or empty one's purse, there is tragedy. It is the one promise life always fulfills.
Happiness is a gift and the trick is not to expect it, but to delight in it when it comes and to add to other people's store of it."
Pauline was one of those rare people who increased the store of happiness in the world.

hcfwesker

I have tried all of these options ...

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
   color: #FFFFFF;
}


/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
   color: #ffffff;
}


/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
   color: #FFF;
}


/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
   color: #fff;
}



the text on the index page is not changing from black.



Good

Use mode: global headers footers
and add this code:

<STYLE type="text/css">
a:link
{
color: #ffffff;
}

a:visited
{
    color: #ffffff;
}
a:hover
{
    color: #ffffff;
}
.smalltext
{
    color: #ffffff;
}
.middletext
{
    color: #ffffff;
}
.normaltext
{
    color: #ffffff;
}
.largetext
{
    color: #ffffff;
}

</STYLE>

add that code in footer or header of global headers footers mode

hcfwesker

Ummmm, shouldn't the font color able to be changed in the stylesheets, where i been trying to edit?

And, that code in the headers/footers will change the font color for ALL my themes on the forum.


Paul_Pauline

#6
Are you doing a hard refresh and emptying the cache in Admin > Forum Maintenance after making the changes.

Just a thought, you are making the changes in the CSS of the theme you are using and not the default.
"In every life, no matter how full or empty one's purse, there is tragedy. It is the one promise life always fulfills.
Happiness is a gift and the trick is not to expect it, but to delight in it when it comes and to add to other people's store of it."
Pauline was one of those rare people who increased the store of happiness in the world.

hcfwesker

#7
yes.  the  css/index.css  of the theme i am trying to edit.  Even shows the theme in the preview box.  but no changes after i save, hard refresh 50 times, nothing.  I know how to do this, it's just, for some reason, not working.

Hj Ahmad Rasyid Hj Ismail

Why your change is made on that part of css?  That is for header and the header will be white if that is the change but not the text normal or link.

To change the text color, you need to change the first part of your css i.e. like this:
/* Normal, standard links. */
a:link, a:visited
{
color: #663300;
text-decoration: none;
}
a:hover
{
color: #CC6600;
text-decoration: none;
}

That is my forum text color normal, link and hover.

hcfwesker

Yes, that is for text that are links on the site, like board titles, topic titles, etc ...  I'm talking about the text in posts/board descriptions/admin pages, Info center text, etc ...


Hj Ahmad Rasyid Hj Ismail

I guess you may be right then. Good luck.

hcfwesker

Trial & Error ... I FOUND it ...


/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .content, .roundframe
{
   color: #fff;
   background: url(images/windowbg.gif) #313131 repeat-x;
}
.windowbg2
{
   color: #fff;
   background: url(images/windowbg2.gif) #313131 repeat-x;
}
.windowbg3
{
   color: #fff;
   background: url(images/windorbg3.gif) #313131 repeat-x;
}


TehCraw

My advice is to use FireBug when modifying themes. It shows you the exact id/class of any text string on a certain page, as well as its' inherited properties.
Any fool can write code that a computer can understand. Good programmers write code that humans can understand. - Martin Fowler

Advertisement: