serendipitySideBarTitle AND background-color

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
keithstrickland

serendipitySideBarTitle AND background-color

Post by keithstrickland »

Hello,

I'm giving Serendipity a try to see how it works out. So, here's my question...

I'm attempting to make a new template from the default template. However, I'm having problems gettiing background-color: EFEFEF; to work on 2 class items. serendipitySideBarTitle and serendipitySideBarContent. Any ideas here why this doesn't work? Here's the CSS:
.serendipitySideBarTitle {
margin: 0;
text-align: center;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
font-weight:bold;
padding-left:2px;
padding-bottom:2px;
background-color: 000000;
border-bottom: solid 1px #238DEA;
}

.serendipitySideBarContent input {
width: 175px;
background-color: EFEFEF;
}
Thanks in advance for any help you can provide.

Keith Strickland
http://www.keithstric.com

Oh yeah, also, when I registered I never received the e-mail in order to confirm registration.
keithstrickland

discovery

Post by keithstrickland »

OK, The above CSS works in the Administration panel, just not the blog :?:. Any ideas?

Keith Strickland
http://www.keithstric.com

Link to Serendipity Blog:
http://www.keithstric.com/blog
nussi
Regular
Posts: 6
Joined: Mon Jun 28, 2004 3:29 pm
Location: France
Contact:

Post by nussi »

Hi,

I think the first problem is that your specifying your colors whithout prefixing them with a "#". So you should be replacing any "background-color : EFEFEF" by "background-color : #EFEFEF"

Then on the first class (serendipitySideBarTitle) you're having :

Code: Select all

color: #000000;
background-color: 000000;
so assuming the background color would work without the "#" you would have black text on black background.

Finally the second class is ".serendipitySideBarContent input" so that means the style will be applied to any input field (text field, etc.) within any element having being of class serendipitySideBarContent. So that means for example that a text field in a serendipitySideBarContent div should have a width of 175px and a background color of EFEFEF. Here again the # sign is missing. Did you really intend on changing the input fields style, or the serendipitySideBarContent style ?

Anyway, I looked at your site, and after editing a user style sheet and simply adding the #s, colors began to appear on the page, so that should do it.

Hope this helps
Nussi
keithstricland

Post by keithstricland »

DOH!!! :oops: It was the #. As for the black background with black text I was just trying to get it to work and I knew that black would stand out. Thanks for the reply, guess I had just looked at it for too long. :roll:

Keith
http://www.keithstric.com
Post Reply