The rap div is a container for all the other divs in the design. It has not been styled in any way, which is why you don’t see a corresponding entry in the CSS files. However, it CAN be styled if so desired.
Many people simply delete this div, but from the reading I have done, it seems that having a “big box” to put everything into is a good idea. Your site, your choice.
You could change the colour of the post text like this:
#storycontent p {
color: #f00;
}
http://blog.nuclearmoose.ca/wp-docs/wp-layout-explained.htm
And this may be useful:
http://www.tamba2.org.uk/wordpress/graphicalcss/
but keep posting if you need us !
Thread Starter
hillj
(@hillj)
got another question about this same stuff. Why when doing a color on some thing are you only doing a 3 digit code?
Thread Starter
hillj
(@hillj)
Also i just want to change the color of the title of the post.
if you go to figuritout.org i’m trying to change the title of each post. so it would be “The new figureitout.org” that i’m trying to change.
thanks for the help so far guys and gals
jason
hillj,
here is definiton i found:
“Normally one would use six, I’m sure you’re familiar with that
standard. Using three digits is just an abbreviated form of value
notation. For example white as a hex value would be #FFFFFF. Websafe
colors use three pairs of digits like so; #FF0000 or #33CCFF. The use
of hex values in this way allows for obvious abbreviation.
#FFFFFF = #FFF
#FF0000 = #F00
#33CCFF = #3CF
Using shorthand like this also make a CSS file smaller. Although it may
not look like much any advantage should be utilized. High speed and low
bandwidth, that’s something to aim for. A bit here a byte there add up
in the end and makes a difference.
Hope that clears it up.”
title of the post will be
.storytitle {
color: #ff0000;
}
.storytitle a {
color: #ff00ff;
}
.storytitle a:hover {
color: #ffff00;
}
The top one there is redundant I guess.
And #fff instead of #ffffff ? Shorthand, that’s all.
I am lazy, so I use CSS shorthand.
#f00 = #ff0000
#369 = #336699
You can abbreviate pairs as in the above two examples.
Thread Starter
hillj
(@hillj)
Wow thanks for the explantion on that one. So trying to use common sense then, if i have a color that is
#000099 I would have to type out the whole thing in order for the computer to know the difference between #000 and #000099?
I’m getting it now 🙂
Thanks folks
hillj,
No, browsers will render #f00 as #ff0000 so you can use the shorthand in your CSS file itself.
Thread Starter
hillj
(@hillj)
Okay I got the titles that I wanted changed except for the “comment” portion. I don’t see anyting that refers to that in the wp-layout.css file. jsut the comment form.
any thoughts? Do I have to make a new id?
Heres a good way to see it hillj:
#RRGGBB …becomes… #RGB
As in red, green, blue and that. So you lose out a little bit of specifity in your colours, but for things like white (#fff) and websafe colours it doesn’t matter all that much. Just saves your fingers (and of course downloads).
As for changing colours – remember you can always create your own div’s around things you want to style also, give it an id/class and away you go. Best way’s to just experiment. 🙂
