Editing Cutenews How do I change colors within template?

[Misanthrope 0]

This one will probably be a no-brainer for most of you talented folks out there, but I'm still not there yet. I just installed Cutenews and want to do a simple color change to the text within the "default" template. All I want to do is change the color on the title and comment text. I wouldn't mind changing the font size either. I tried inserting html code but that didn't work, so either I'm inserting it the wrong place or I'm using the wrong code. What's the easiest way to do this? Thanks in advance for your help.

[TypoMage 0]

Well what is Cutenews? Something to do with News and cute I suppose? I think If I knew A little bit more on this subject I could be more then willing to help.Catch my drift?

[jlhaslip 4]

Can you troll around and find a CSS stylesheet file for the page? Then you could alter the css to reflect the changes you want.Usually performing a View Source and looking for the "<link rel="stylesheet" " will point you to the CSS file. Then it is a matter of finding the html elements you want to alter and affecting the related CSS file entries.Post a link to the page in question and someone could have a look for you.

[biscuitrat 0]

I can't reach my account right now because it's suspended (I have an installation of CuteNews running), and I've found two things. If you have a default stylesheet, it'll usually override CuteNews' styles; if not, look for the following code:

 

<style type="text/css"><!--@import url(http://cutephp.com/site-files/main.css);@import url(http://cutephp.com/site-files/ffb/getff.css);--></style>

And follow the path from your individual site (check under a directory called templates or site, or something like that.) If you can't find it still, look through all directories until you see a .css file. Once you find it, look for something that says the following:

 

a:link , a:visited {color:#345360;text-decoration: none;}a:hover , a:focus{text-decoration: underline;}

And edit the color with your favorite hexadecimal color code. Just in case you're not familiar with the values, :link is a normal link, :visited is one you've clicked on, :hover is the hover effect, and :focus is what happens when you're holding your mouse down on a link. Best of luck. Remember that I'm using the demo file; I'll verify this once I get my stupid site up

[BuffaloHelp 24]

Go to your Options > Edit template from Cutenews administration login. Make sure you're editing DEFAULT template.

Click on ACTIVE NEWS

<div style="width:420px; margin-bottom:30px;"><div><strong>{title}</strong></div><div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">{short-story}</div><div style="float: right;">[full-link]Read more [/full-link]  [com-link]{comments-num} Comments[/com-link]</div>

See the {title} ? You can add different colors to that. If you prefer instead of <strong> replace it with <h1> or whatever and define the color and style using your regular CSS. It's simple.

Apply similar changed to any area you wish to change.

Under the same template, click on COMMENT and change to your liking.

[Misanthrope 0]

Go to your Options > Edit template from Cutenews administration login. Make sure you're editing DEFAULT template.

 

Click on ACTIVE NEWS

<div style="width:420px; margin-bottom:30px;"><div><strong>{title}</strong></div><div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">{short-story}</div><div style="float: right;">[full-link]Read more [/full-link]  [com-link]{comments-num} Comments[/com-link]</div>

See the {title} ? You can add different colors to that. If you prefer instead of <strong> replace it with <h1> or whatever and define the color and style using your regular CSS. It's simple.

 

Apply similar changed to any area you wish to change.

 

Under the same template, click on COMMENT and change to your liking.

Thanks for the help, Buff. I entered the following code where you instructed:

<b><font style="font-family:Tahoma; font-size:13px; color: 505050;">{title}</font></b>

 

I can change the font family and size, but the color won't change unless I type in a word (like, "blue"). It won't render the color change if I use hex code. What the heck am I doing wrong? If I have to make the color changes in CSS (hope I don't have to), I'll need step by step instructions.

---------------------

Ooops! Disregard the last question. I seem to have figured out -knock on wood:

<b><font style="font-family:Tahoma; font-size:13px; color: #505050">{title}</font></b>

Just forgot to put a stupid little number sign in front of the hex code. Not quite sure why sometimes than number sign is necessary, and sometimes it isn't. Seems pretty anal, but I don't care as long as it works! Geez, sometimes I wish I wasn't such a left-brainer.

 

Thanks Buff and everyone else for you help!

Edited March 5, 2007 by vbritton (see edit history)