CSS Problem

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
Night-Walker
Regular
Posts: 20
Joined: Mon Jul 25, 2005 4:05 pm

CSS Problem

Post 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
MySchizoBuddy
Regular
Posts: 340
Joined: Sun Jun 12, 2005 5:28 am

Post 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
Night-Walker
Regular
Posts: 20
Joined: Mon Jul 25, 2005 4:05 pm

Post 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!
alphalogic
Regular
Posts: 14
Joined: Mon Jul 25, 2005 12:11 am

Post by alphalogic »

use

Code: Select all

div.serendipitySideBarContent a:link
div.serendipitySideBarContent a:visited
div.serendipitySideBarContent a:active
div.serendipitySideBarContent a:hover
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post 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
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
MySchizoBuddy
Regular
Posts: 340
Joined: Sun Jun 12, 2005 5:28 am

Post by MySchizoBuddy »

i didn't know that
so the syntax is
.container_name_of_sidebar_plugin a {
}
Night-Walker
Regular
Posts: 20
Joined: Mon Jul 25, 2005 4:05 pm

Post by Night-Walker »

Thanks it works now :) :idea:
Post Reply