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 » Mon Jul 25, 2005 5:02 pm

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 » Tue Jul 26, 2005 1:06 am

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 » Tue Jul 26, 2005 1:58 pm

I want that only the color of the links in the right sidebar are white.

Image

Only links in this sidebar not all!

User avatar
alphalogic
Regular
Posts: 14
Joined: Mon Jul 25, 2005 12:11 am

Post by alphalogic » Tue Jul 26, 2005 2:25 pm

use

Code: Select all

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

User avatar
garvinhicking
Core Developer
Posts: 30020
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking » Tue Jul 26, 2005 11:21 pm

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 » Thu Jul 28, 2005 1:21 am

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 » Thu Jul 28, 2005 1:31 pm

Thanks it works now :) :idea:

Post Reply