Change text color in fisubice theme

Schmitt · New Member Joined: Nov 27, 2005 Posts: 22

Hi

How do I change the color of text for the "Read More..." link for topics and news items

I've done a forum search but no luck

Cheers

Doulos · Posted: Mon Sep 15, 2008 1:56 pm

I'll probably get guff about this, but if nothing else works, a quick and dirty way is to add font color tag to the topics language file like this.....

in modules/Topics/language/lang-english.php

find

Code:

define('_TOPICS_READMORE','read more...');

change to

Code:

define('_TOPICS_READMORE','<font color="yourcolor">read more...</font>');

This is probably not the best way, but it does work. This will, of course, change the 'read more...' font color in every theme, not just fisubice.

Gremmie · Posted: Mon Sep 15, 2008 2:51 pm

Check themes/{YourTheme}/theme.php. The code that generates that link should be in there.

mars · Posted: Mon Sep 15, 2008 7:10 pm

Add this line to the bottom of style.css

font.content a {color:#000000;}

And set the color to whatever you want.

Doulos · Posted: Mon Sep 15, 2008 7:39 pm

Told ya there was probably a better way. Smile

fkelly · Posted: Tue Sep 16, 2008 9:51 am

Fisubice is the one theme left in RN that still uses the separate html files. So the code you need to change will be in story_home.html I believe. Just apply the style as Mars suggested and test.

Thanks for reminding me that I dropped the ball on converting from the use of eval in that one theme. Maybe for 2.4 Smile

Schmitt · New Member Joined: Nov 27, 2005 Posts: 22

Hi guys, thanks for your responses so far.

Some of ur suggestions worked, others not. But thats probably down to my lack of knowledge.

I did these changes to /modules/News/language/lang-english.php
and it worked fine. But obviously affects all themes.

found

Code:

define('_READMORE','read more...');

changed it to

Code:

define('_TOPICS_READMORE','<font color="yourcolor">read more...</font>');

Gremmie, I couldn't find where the link was generated in theme.php, unless it was on this line

Code:

$tmpl_file = 'themes/fisubice/story_page.html';

so i went looking in story_page.html
but didn't find anything in there that might have reference to the read More link.

Added

Code:

font.content a {color:#000000;}

to the bottom of story_home.html . But that just showed it as text between the story blocks.

If there are any other suggestions on this subject, or pointers where i have gone wrong with your ideas so far.
Please let me know.
Many thanks

edit:- Also tried

Code:

font.content a {color:#000000;}

in the style.css and this did have an effect on the text color but of the wrong items. It changes the color of the posters name and website news links

warren-the-ape · Posted: Wed Sep 17, 2008 9:57 am

Try;

Code:

font.storycontent a {color:#000000;}

and add it to the style.css of your theme, where it belongs Wink

'storycontent' is the name of the class used in my theme(s).

Only downside is that it will change the colour of the 'x comments' -link as well, since they are nested in the same <font> tag.

P.s. if you want to add a different colour for the link hover state add a 2nd line below the one above

Code:

font.storycontent a:hover {color:#000000;}

Schmitt · New Member Joined: Nov 27, 2005 Posts: 22

Unfortunately that didn't work either Sad

I think i may just settle for the default.

jaded · Theme Guru Joined: Nov 01, 2003 Posts: 1006

Which version are you using? Something is missing somewhere. I know that there have been changes made depending on the version of nuke, RN, or theme that you have. If you could provide me with a link to download a copy of what you are using, I will take a quick look for you. Thank you.

Schmitt · New Member Joined: Nov 27, 2005 Posts: 22

I'm pretty sure its RN version 2.20.01

Only registered users can see links on this board!
Get registered or login to the forums!

And the fisubice theme

wHiTeHaT · Posted: Wed Sep 17, 2008 2:11 pm

goto: ROOT/themes/fisibuce/story_home.html

lookup almost in bottom of the file:

<td ><div align="center"><font class="content">$posted</font><br /><font class="content">$morelink</font></div></td>

Change to:

<td ><div align="center"><font class="content">$posted</font><br />
<font style="color: red; font-size: 24px; font-family: Arial Black;">$morelink</font></div></td>

change as desired all between style="" .... pls use propiate css

Grtzzz wHiTeHaT

jaded · Theme Guru Joined: Nov 01, 2003 Posts: 1006

Look in the file:

/themes/fisibuce/story_home.html

You will see this code:

Code:

<td><div align="center"><font class="content">$posted</font><br /><font class="content">$morelink</font></div></td>

What you want to focus on is the $morelink class. $morelink is the actual "read more" text link that shows in the stories.

What I would do is to change, if I wanted the posters name and morelink to be different colors, the class for the $morelink to something else like this

Code:

<td><div align="center"><font class="content">$posted</font><br /><font class="morelink">$morelink</font></div></td>

Then I would go into the /themes/fisubice/style/style.css file
and I would add the following line

Code:

.morelink a
{color: #006633; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

Then simply change the #006633, which is the color to whatever color you want the "morelink" information to reflect.

As shown you can also control the font size and style with this css tag.

I do hope that this will help you. I have tried to be as clear as possible.

Schmitt · New Member Joined: Nov 27, 2005 Posts: 22

Well it all seemed plain enough but when i tried it, I ended up with a different result.

So just to check that i've done it correctly...

I found the line

Code:

<td><div align="center"><font class="content">$posted</font><br /><font class="content">$morelink</font></div></td>

and replaced it with

Code:

<td><div align="center"><font class="content">$posted</font><br /><font class="morelink">$morelink</font></div></td>

Added the line to style.css as suggested and instead of the "read more" changing color, the topic size i.e 3456 bytes and the topic score changed color.

Did I carry out the changes as you suggested ?

jaded · Theme Guru Joined: Nov 01, 2003 Posts: 1006

Something has not worked correctly. If you pm me your sites url and the ftp information for your site, I will fix it for you. This will be the fastest way and then I can post here, what the issue was.

Gremmie · Posted: Wed Sep 17, 2008 3:32 pm

Remember to clear your browser's cache after changing your .css files. Your browser may still be using the older .css file on you.

fkelly · Posted: Wed Sep 17, 2008 6:52 pm

Remember also that when the latest greatest RN release is available you need to avoid overwriting what you've customized.

warren-the-ape · Posted: Thu Sep 18, 2008 1:18 am

My bad about my earlier comment, i didnt check the fisubice theme at all Razz

Code:

.morelink
{color: #006633; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

Is doing exactly what its supposed to do; changing the colour of the normal text within the element.

You want to change the link (anchor), so change it to;

Code:

.morelink a {color: #006633; font-size: 10px; font-family: Verdana, Helvetica}

Similar to what Mars suggested earlier in the topic.

jaded · Theme Guru Joined: Nov 01, 2003 Posts: 1006

I had not noticed that I forgot the "a" when I made my post. That was my mistake. It's funny, I glanced at it twice and still never noticed. LOL, I suppose that is what being hasty can do. Embarassed