View Full Version : Customizing Wordpress


Combat Babe
12-02-2004, 01:55 AM
Ok, I think this would go here, because I think it's CSS that's my problem.

Anyway, I can't get anything to change on Wordpress. I've changed the basic layout, I just can't get any colors to change, and don't really know which one to change. This is the first blog I've done, and I'm not used to stylesheets where I don't know what goes where. Anyway, my background should be black, but no matter what, it stays white. My links and text should be a light grey, but they won't change either. Everytime I get this frustrated I inevidably take out some major part of the code and can't get it back, and I did that, so for like the fifth time I'm starting with a fresh blog to make match my site. So I've got the default css right now. Anywho, how do I change it?

strawberries88
12-02-2004, 06:21 AM
I just put WordPress on my site the other day! Woo. Anyway...

To change your background color find this code and change "#FFFFFF" to whatever color you want the background to be, and that should work.

body {
background: #FFFFFF;
border: solid 2px #565;
border-bottom: solid 5px #565;
border-top: solid 3px #565;
color: #000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
margin: 0;
padding: 0;
}

If you notice the dark green border around the entire blog, that's what the "border", "border-bottom" and "border-top" controls. If you change the color to something like hot pink (#FF0099) you will see what I am talking about - and honestly, if you just start changing one of the colors for each of the different tags, you can see which tags control which colors and so on.

Does that make any sense?

To change the links, look for this code and change the color to whatever you want.

a {
color: #000000;
}

Have you attempted to change the same parts? What did your code look like?

Combat Babe
12-03-2004, 01:48 AM
oh, I don't know what it was exactly anymore, but yes, that's what I changed, and nothing happened. it sucks. I'm reinstalling it all now, to see if I can make it work.

Combat Babe
12-03-2004, 03:17 AM
Ok, this is my blog: blog (http://www.erstwhilemoments.belike.net/blog/)

and this is my css:



/* Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


a {
font-weight: bold;
text-decoration: none;
color: #404040;
}

a img {
border: none;
}

a:visited {
color: #808080;
}

a:hover {
color: #C0C0C0;
position: relative;
top: 1px;
left: 1px;
}

acronym, abbr {
border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
}

blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}

body {
background-image: url('wp-images/background.jpg');
background-position: 0px 0px;
background-repeat: repeat-y;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #808080;
scrollbar-shadow-color: #808080;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-track-color: transparent;
color: #808080;
margin: 0;
padding: 0;
}

cite {
font-size: 90%;
font-style: normal;
}

div {
font-family: verdana;
font-size: 7.5pt;
line-height: 12pt;
}



input
{ background-color: #000000;
text: #808080;
border: 1px dashed #808080;
}


h2 {
border-bottom: 1px dotted #ccc;
font: 95% "Times New Roman", Times, serif;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding-bottom: 2px;
}

h3 {
border-bottom: dotted 1px #eee;
font-family: "Times New Roman", Times, serif;
margin-top: 0;
}

ol#comments li p {
font-size: 100%;
}

p, li, .feedback {
font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: -1px;
}

/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}

ul.post-meta span.post-meta-key {
font-weight: bold;
}

.credit {
background: #90a090;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}

.credit a:link, .credit a:hover {
color: #fff;
}

.feedback {
color: #ccc;
text-align: right;
clear: all;
}

.meta {
font-size: .75em;
}

.meta li, ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}

.storytitle {
margin: 0;
}

.storytitle a {
text-decoration: none;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 100%;
}

#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}


#plug {
font-size: 8pt;
line-height: normal;
padding: 5px;
}

#head{
background: #000000;
background-image=url('images/layout/header.jpg');
color: #808080;
font-weight: bold;
letter-spacing: 2px;
text-align: right;
padding: 1px;
border: 1px dashed #808080;
}

#link {
padding-top: 3px;
padding-left: 3px;
padding-bottom: 15px;
}

#link a {
color: #404040;
}

#link a:hover {
color: #C0C0C0;
}

#header {
background: #90a090;
border-bottom: double 3px #aba;
border-left: solid 1px #9a9;
border-right: solid 1px #565;
border-top: solid 1px #9a9;
font: italic normal 230% 'Times New Roman', Times, serif;
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
}

#header a {
color: #fff;
text-decoration: none;
}

#header a:hover {
text-decoration: underline;
}

#menu {
background: #000000;
color: #808080
}


#menu input#s {
width: 80%;
background: #000000;
border: 1px dashed #808080;
color: #808080;
}



#wp-calendar {
border: 1px solid #808080;
empty-cells: show;
font-size: 10px;
margin: 0;
width: 90%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}

#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}

#wp-calendar td {
background: #000000;
color: #808080;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}



what am I doing wrong?

strawberries88
12-03-2004, 10:57 PM
Well, I do see a black background, and your links are gray, yay!

As for the blog itself not lining up, I would guess that is because you have not defined the ".storycontent" tag for the div layer that contains the actual post (when you look at the code of "index.php")... try adding that and positioning it to where you want it.

Tell me if that works...