Kubrick: Can’t find entry in CSS

autopoiet · Member · Aug 21, 2008 at 12:18 pm
Copy link

Add topic to favorites
Hi folks,

to begin with: I have no skills in CSS at all. But I managed to edit the Kubrick-theme to satisfy my needs, except for one problem I can’t manage: There’s a grey “line” around the sidebar. Have a look: http://autopoiet.wordpress.com/ (I can see it only on my desktop PC’s dark screen and not on the macbook…).

I’d like this border to be white as well – what do I have to add to/change in my style.css?

Thank you, autopoiet
jomariajomariajomaria · Member · Aug 21, 2008 at 4:04 pm
Copy link
I’m not sure about this but I don’t think the grey lines you want to paint white are not borders.

Have you tried this?

#sidebar {background:#FFF;}

Just maybe… :) I’m still learning too by the way.
autopoiet · Member · Aug 21, 2008 at 5:07 pm
Copy link
Hi Yella.

I had to check it first, but now I’m sure: I had that entry already (my sidebar IS white…).
Thank you nevertheless!

Cheers, a.
thesacredpath · Member · Aug 21, 2008 at 5:19 pm
Copy link
It’s here:
```
#sidebar ul, #sidebar ul ol {
background:#575757 none repeat scroll 0%;
}
```
Replace the #575757 with any color you wish.
autopoiet · Member · Aug 21, 2008 at 5:27 pm
Copy link
Thanks for your reply – but there is no “#575757” in my wp-content/themes/default/style.css
Or am I blind?
thesacredpath · Member · Aug 21, 2008 at 5:30 pm
Copy link
You have to add
background:#XXXXXX none repeat scroll 0%; to #sidebar ul, #sidebar ul ol
autopoiet · Member · Aug 21, 2008 at 5:37 pm
Copy link
The good news: I realized it already. Sorry.
The bad news: The code doesn’t change anything, since my sidebar is white already. When I add it with the “57”-code it turns grey, with “fff” it turns white again. But the strange border stays the same all the time…
thesacredpath · Member · Aug 21, 2008 at 5:48 pm
Copy link
Oops, my bad. The grey bar you see to the left of the sidebar is a background image under “#page”.

Under #page change background tobackground: white none repeat scroll 0%;
thesacredpath · Member · Aug 21, 2008 at 5:57 pm
Copy link
Actually, that is going to take away the grey outer drop-shadow look around the content.
```
#sidebar {
margin-left: 525px;
width: 210px;
}
```
will widen the sidebar and move it to the left to cover the grey area.
autopoiet · Member · Aug 21, 2008 at 6:02 pm
Copy link
The mod of the german forum, iqatrophie, found the problem: it was a grey part in the kubrickbg.gif, that was used as a background. I customized the gif with photoshop et voila: the shadow is gone!

Thanks for your hints as well!
thesacredpath · Member · Aug 21, 2008 at 6:09 pm
Copy link
Modifying the gif is actually a better solution in the long run.

No items found.