black background problems

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
toves
Regular
Posts: 24
Joined: Tue Mar 07, 2006 1:40 pm

black background problems

Post by toves » Tue Mar 07, 2006 1:43 pm

Hi,

I have changed my blog to have a black background and white text, however, the shoutbox messages and comment input fields

Name
Email
Homepage
In reply to
Comment

etc are remaining black instead of white - I can't find this in any of the style sheets. I am currently looking at style.css in the template folder I am using and I have these entries:

.serendipity_date {
font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: large;
color: #FFFFFF;
margin: 0;
margin-top: 20px;
text-align: left;
}

.serendipity_commentsTitle {
font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
margin-top: 10px;
color: #FFFFFF;
padding-right: 5px;
border-bottom: 2px solid #FF0000;

Obviously I am editing the wrong file but I can't find the right thing, can anyone point me in the right direction?

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

Re: black background problems

Post by garvinhicking » Tue Mar 07, 2006 2:37 pm

If you tell us your URL I can tell you the CSS to change.

You must look at the sidebar style, the shoutbox plugin has its own elements.

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/

toves
Regular
Posts: 24
Joined: Tue Mar 07, 2006 1:40 pm

Post by toves » Tue Mar 07, 2006 3:21 pm

Thank you, its:

http://www.10yetis.co.uk/yetiblog/

Also, how can I change the headings "Yeti Blog
latest yeti goings on" to an image - is it possible?

I'd quite like to fit it into here somehow
http://www.10yetis.co.uk/newyeti/index2.html

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

Post by garvinhicking » Tue Mar 07, 2006 3:35 pm

Okay, that'S quite easy. Just edit your CSS style.css file and insert this:

Code: Select all

#serendipityRightSideBar , #serendipityLeftSideBar {
    color: white;
}


You can also put an image inside the header. For that you just need to edit the 'index.tpl' file of your selected template. If you don't have that file, copy it from templates/default/ into your directory.

The .tpl file can contain simple HTML markup, so you can insert that in the serendipity_banner place.

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/

toves
Regular
Posts: 24
Joined: Tue Mar 07, 2006 1:40 pm

Post by toves » Tue Mar 07, 2006 3:55 pm

wonderful, thank you

Post Reply