Icy Phoenix

Old Support Topics - Text Colour

tc1967uk [ Thu 10 May, 2007 13:46 ]
Post subject: Text Colour

Hi

I've changed some of the graphics in my forum and I'd like to change the text colour that goes in the titles of all the boxes such as 'Menu', 'User Block, 'Poll', 'Top Posters' etc, but not in the top menu bar (the one that goes: Home / Forum / Search / FAQ / Register / Log in). Can someone help please?

I did search for this, honest!

Cristina [ Thu 10 May, 2007 15:34 ]
Post subject: Re: Text Colour

tc1967uk wrote: [View Post]
Hi

I've changed some of the graphics in my forum and I'd like to change the text colour that goes in the titles of all the boxes such as 'Menu', 'User Block, 'Poll', 'Top Posters' etc, but not in the top menu bar (the one that goes: Home / Forum / Search / FAQ / Register / Log in). Can someone help please?

I did search for this, honest!

Most of the colors are specified in the CSS.

The way to proceed to change a color is first of all finding in the template the class of the element you want to change, then look for that class in the CSS and change the color property for that element.

tc1967uk [ Thu 10 May, 2007 17:05 ]
Post subject: Re: Text Colour

Can you give me an example of what code I should look for and in what file, say if I wanted to change the text in 'User Block' using 'ice' template in 'mg_theme', please?

Mighty Gorgon [ Wed 16 May, 2007 01:50 ]
Post subject: Re: Text Colour

tc1967uk wrote: [View Post]
Can you give me an example of what code I should look for and in what file, say if I wanted to change the text in 'User Block' using 'ice' template in 'mg_theme', please?

You need first to open that block template to check the code: templates/mg_themes/blocks/user_block_block.tpl
The code you are looking for is: <span class="name">{U_NAME_LINK}</span>
The class is called NAME as you can see... so you have to look for this class in the CSS and change the properties.

tc1967uk [ Wed 16 May, 2007 20:03 ]
Post subject: Re: Text Colour

I'm using the Ice template, and I've opened style_ice.css in templates/mg_themes, but the only mention of the word NAME in it is 'post-name'. I've tried changing the color: to #FFFFFF (which is the colour white), but it made no difference. Does anyone know what is going wrong?

tonyf12 [ Wed 16 May, 2007 20:32 ]
Post subject: Re: Text Colour

Check the common.css style sheet.

tc1967uk [ Wed 16 May, 2007 21:40 ]
Post subject: Re: Text Colour

I can't find a common.css anywhere in the forum. I can find a folder called 'Common' but it doesn't have an ice css file. Can you clarify please?

xonio [ Thu 17 May, 2007 12:41 ]
Post subject: Re: Text Colour

Hi tc1967uk.

At the "/templates/mg_themes " folder you may find 2 .css files:
common.css
fap.css

and a .css file for each colour style (style_ice.css, style_gray.css,...)

for the apearance generation, Icy Phoenyx look first for common.css and then for the colour style you set (style_ice.css for you)

you may have the file common.css, anyway if you dont have it (i dont think so) you can create it with the following content

Code: [Hide] [Select]

.name {

	color: #FFFFFF;

}

It would change the color in all mg_themes, but if you insert this code in style_ice.css, it will be aplyed to the ice style (i hope)

tc1967uk [ Thu 17 May, 2007 17:24 ]
Post subject: Re: Text Colour

I tried your suggestion in ice.css, xonio, but it didn't work.

There is a FAP.css and a .css file for each colour style, but no common.css. Is this a file from the latest update, as I still haven't applied the patch?

tc1967uk [ Sat 26 May, 2007 10:48 ]
Post subject: Re: Text Colour

Hello! Anyone have any suggestions for this?

Mighty Gorgon [ Wed 30 May, 2007 12:33 ]
Post subject: Re: Text Colour

I'm sure that it will work if done properly... and if can't get it to work, just remove the class and hardcode style in the tpl.

When creating and using CSS classes you should pay attention to CLASSES and their hierarchies, because some classes behavior may be linked to their parent containers.

The way to change text color in HTML using the STYLE attribute is:

Code: [Hide] [Select]

Choose the way you think is the best for you.

tc1967uk [ Wed 30 May, 2007 20:55 ]
Post subject: Re: Text Colour

I finally found what I was doing wrong - I was missing the right version of style_ice.css because I hadn't upgraded to 1.1.0.15

The code I needed in this was:

/* forum index */
.forumlink, .forumlink-new {
font-size: 12px;
font-weight: bold;
line-height: 1.3em;
color: #113355;

and just changed the colour. This takes care of most of the title text in boxes such as 'Statistics' and 'Top Posters'. However, boxes which have a title that is also a link need changing too. I found the code for that:

a.forumlink, a.forumlink:visited {color: #113355; text-decoration: none; }

but changing this means that the colour of other links get changed too, and the the colour of the link is now too similar to the background colour, and makes the text hard to read.

Can anyone suggest how to change the colour of the text in a header link (for an example, click on Home here in IP and scroll down to the bottom. See the text/links in 'Statistics' / 'Birthdays' / 'Shoutbox), without changing the colour of the links in forum titles?

Mighty Gorgon [ Thu 31 May, 2007 18:09 ]
Post subject: Re: Text Colour

You need just to create an extra class and use it.

tc1967uk [ Thu 31 May, 2007 19:28 ]
Post subject: Re: Text Colour

Can someone tell me what code to insert please, and would it need to go in the style_ice.css file? I need white for the text in the header-title link, and normal links to stay #113355 colour.

Thanks for the help so far folks.

Mighty Gorgon [ Tue 05 Jun, 2007 02:24 ]
Post subject: Re: Text Colour

Please don't take this as an offence, but I think you should first learn how CSS works and how to integrate them in HTML, otherwise you won't ever be able to solve this.

Try this:
http://www.w3schools.com/css/default.asp