Page 1 of 1

CSS Problem

Posted: Mon Jul 25, 2005 5:02 pm
by Night-Walker
Hi I've a problem.
Iwant to show the categories on the left side bar, the color of them should be White.
So I've edited the css file, but they didn't change there Color.
Maybe i'm to stupid, can some on help me?

Here the code of the sidebar template
<div class="serendipitySideBarContent">{$item.content}</div>



Here the code on my blocg
<div class="serendipitySideBarContent">
<div style="padding-bottom: 2px;">
<a href="/s9y/categories/2-hello" title="hello" style="padding-left: 0px">hello</a></div></div>


who the hell came there from <div style="padding-bottom: 2px;">

and I've added to the CSS File

a.serendipitySideBarContent, a:hover.serendipitySideBarContent, a:link.serendipitySideBarContent, a:visited.serendipitySideBarContent {
color:#FFFFFF;
}

but there don't change there color :(

Thanks Night Walker

Posted: Tue Jul 26, 2005 1:06 am
by MySchizoBuddy
color of what should be white.
1) Background color of sidebar. use background-color:#fff;
2) Titles in the sidebar. u have to edit .serendipitySideBarTitle {
3) Content in sidebar. u have to edit a:link {

it would help if u can give the link to ur site

Posted: Tue Jul 26, 2005 1:58 pm
by Night-Walker
I want that only the color of the links in the right sidebar are white.

Image

Only links in this sidebar not all!

Posted: Tue Jul 26, 2005 2:25 pm
by alphalogic
use

Code: Select all

div.serendipitySideBarContent a:link
div.serendipitySideBarContent a:visited
div.serendipitySideBarContent a:active
div.serendipitySideBarContent a:hover

Posted: Tue Jul 26, 2005 11:21 pm
by garvinhicking
Even better, in Serendipity 0.8 and above every plugin has it's own container.

Then you can use this:

Code: Select all

.container_serendipity_categories_plugin a {
  color: white;
}
Regards,
Garvin

Posted: Thu Jul 28, 2005 1:21 am
by MySchizoBuddy
i didn't know that
so the syntax is
.container_name_of_sidebar_plugin a {
}

Posted: Thu Jul 28, 2005 1:31 pm
by Night-Walker
Thanks it works now :) :idea: