CSS Help – I am a beginner!

scruffyrainbows
(@scruffyrainbows)

14 years, 7 months ago

Hello!!

I am using the sandbox theme and i am slowwwly changing the layout, colours, fonts etc with the help of CSS and w3schools.

I have changed the colour of nearly everything except the part where the other pages to my blog are displayed. E.g. Gallery etc…

Does anyone know the code for changing the colour to this?
At the moment it is just a band of white.. I can give you the link to my blog http://scruffyrainbows.wordpress.com/ – it looks HORRID at the moment but hopefully these tutorials I’m following will sort me out!

Thanks! x

Viewing 8 replies - 1 through 8 (of 8 total)

Edward Caissie
(@cais)

14 years, 7 months ago
The lettering for “Gallery” can be adjusted with:
```
div#menu ul li.page_item a {
  color: #F161B2;
}
```
Just change the #F161B2 (current color) to something you prefer.

The “white” bar of the menu can be changed by editing the #EEEEEE in the following:
```
div#menu {
  background: background:#EEEEEE none repeat scroll 0 0;
}
```
Hope that helps point you in the right direction … and good for you learning how to do it yourself, too!
esmi
(@esmi)

14 years, 7 months ago

You need to be looking for div#menu.

degreenwood
(@degreenwood)

14 years, 7 months ago

You mentioned changing the color to one you prefer. Where do you get a list of the colors and associated letters?

esmi
(@esmi)

14 years, 7 months ago

http://www.december.com/html/spec/colorhues.html

Edward Caissie
(@cais)

14 years, 7 months ago

You can try this site: http://www.colorpicker.com/

… or you can get a little overloaded here: http://en.wikipedia.org/wiki/Web_colors

degreenwood
(@degreenwood)

14 years, 7 months ago

Thanks for your suggestions. I’m still not sure why my WordPress Theme has the color #333333. It’s dark gray, but I don’t see the #333333 on any of those sites. I’m not sure if I can just enter a number that I take from one of these sites onto my website. If I wanted to make it light gray, can I simply replace the #333333 with the html COCOCO or HEX DCDCDC or Decimal 220220220.

brianfeister
(@brianfeister)

14 years, 7 months ago

You want the HEX number, it will always be 6 characters (letters and/or numbers) and in your CSS code must always be preceded by ‘#’… for example, your CSS would be #COCOCO.

esmi
(@esmi)

14 years, 7 months ago

You want the HEX number, it will always be 6 characters

Not necessarily. For example, #ffffff can also be represented using #fff. So a hex color will be 6 or 3 characters in length.