Hi!
Iam using the idea style. I like to change the color of headline from grey to red and black. E.g. the word bird as a headline, should consist of two red and two black letters. Also I like to know how I can change the color of the undertitle of the headline. Can i find the codes in the Css.sheet?
Thanks for your help!
Changing color of blog name
Re: Changing color of blog name
Basically: Yes.Computer5 wrote:Iam using the idea style. I like to change the color of headline from grey to red and black. E.g. the word bird as a headline, should consist of two red and two black letters. Also I like to know how I can change the color of the undertitle of the headline. Can i find the codes in the Css.sheet?
The question is which headline you're talking about. The blog's title? The entry titles? Same thing with "undertitle of the headline" -- please try to express clearer what you refer to.
YL
Re: Changing color of blog name
I mean the title of the blog.
e.g.
http://supergarv.de/serendipity/
Like changing the color of "garvin hicking :: blog" to "garvin (in green) hicking (blue):: blog"
Thanks for your help!
e.g.
http://supergarv.de/serendipity/
Like changing the color of "garvin hicking :: blog" to "garvin (in green) hicking (blue):: blog"
Thanks for your help!
Re: Changing color of blog name
Okay. First, you need an index.tpl. You're not gonna find one in /templates/idea/ of your s9y installation, so you're gonna have to copy /templates/default/index.tpl to /templates/idea/index.tpl (copy, not move!)Computer5 wrote:I mean the title of the blog.
Now you'll have to modify /templates/idea/index.tpl using the text editor of your choice. (Get notepad++ if you don't have one, assuming you're working on windows. It works, and it's free.)
Find the following piece of code in that file:
Code: Select all
<h1><a class="homelink1" href="{$serendipityBaseURL}">{$head_title|@default:$blogTitle}</a></h1>
Code: Select all
<h1><a class="homelink1" href="{$serendipityBaseURL}">My Awesome Blog</a></h1>
Code: Select all
<h1><a class="homelink1" href="{$serendipityBaseURL}"><span>My</span> Awesome <span>Blog</span></a></h1>
The characters within any pair of <span> and </span> will later be displayed in a different color than the rest. Let's assume you want those to be black whereas the rest of the title should be red. Open /templates/idea/style.css with your trusty text editor and add the following code at the very end of the file:
Code: Select all
a.homelink { color: #f00; }
a.homelink span { color: #000; }
Save it again, and upload the edited files to /templates/idea/ via FTP. You should be done
YL