Sidebar troubles

• 

  yuille38 · Member · Mar 31, 2008 at 9:46 pm

  • Copy link
  • Add topic to favorites

  I bought CSS recently, and I understand most of it, except for one thing. My website’s theme is silver is the new black and here’s the link http://cpdn.wordpress.com/ I want the grey color on the sidebar to be red, like it is around the title. Any help will be good. Thank’s in advance.

• 

  chewybeta · Member · Mar 31, 2008 at 9:50 pm

  • Copy link

  O and another CP Blogger. Story of my day. Club Penguin Drama Kings :P
  #menu {
  padding-left:7px;
  border-bottom:30px solid #F2F2F2;
  margin-bottom:30px;
  position:absolute;
  right:14px;
  top:83px;
  width:200px;
  }

  #menu form {
  padding:0 0 0 10px;
  }

  #menu input {
  width:80%;
  }

  #menu ul {
  color:#CCC;
  font-weight:bold;
  margin-left:5px;
  padding:5px 0;
  }

  #menu ul li {
  background-color:#D3D3D3;
  border-bottom:3px solid #B0B0B0;
  border-left:3px solid #B0B0B0;
  border-right:3px solid #B0B0B0;
  border-top:3px solid #B0B0B0;
  color:#404040;
  font:12px “Trebuchet MS”, sans-serif, “Times New Roman”, serif !important;
  letter-spacing:1px;
  margin-top:10px;
  text-transform:uppercase;
  -moz-border-radius:10px;
  padding:4px 0 0 5px;
  }

  #menu ul ul {
  background-color:#E0E0E0;
  border-top:1px solid #B0B0B0;
  font-size:14px;
  line-height:100%;
  margin-left:-5px;
  padding:6px 0;
  }

  #menu ul ul li,#menu ul ul ul li {
  background-color:#E0E0E0;
  border:0;
  font:normal normal 70%/115% ‘Lucida Sans Unicode’, Verdana, sans-serif !important;
  letter-spacing:0;
  text-transform:capitalize !important;
  margin:0;
  padding:0;
  }

  #menu ul ul li acronym,#menu ul ul li abbr {
  color:#828282;
  }

  #menu ul ul li {
  color:#505050;
  width:169px;
  display:block;
  margin-top:3px;
  margin-bottom:3px;
  padding:2.5px 10px;
  }

  #menu ul ul ul {
  border:0 !important;
  margin-left:0 !important;
  padding:0 !important;
  }

  #menu ul ul ul li a,#menu ul ul ul li span {
  border:0 !important;
  width:149px !important;
  margin-left:20px !important;
  }

  #menu ul ul ul ul {
  border:0 !important;
  margin-left:0 !important;
  padding:0 !important;
  }

  #menu ul ul ul ul li a,#menu ul ul ul ul li span {
  border:0 !important;
  width:129px !important;
  margin-left:40px !important;
  }

  #menu ul ul ul ul ul {
  border:0 !important;
  margin-left:0 !important;
  padding:0 !important;
  }

  #menu ul ul ul ul ul li a,#menu ul ul ul ul ul li span {
  border:0 !important;
  width:109px !important;
  margin-left:60px !important;
  }

  #menu ul ul li a:hover {
  background-color:White;
  }

  #menu ul ul li a:active {
  background-color:#646464;
  color:White;
  }

  #menu ul,#menu ul ul {
  list-style-type:none;
  }

  #menu h2 {
  font:12px “Trebuchet MS”, sans-serif, “Times New Roman”, serif !important;
  letter-spacing:1px;
  text-transform:uppercase;
  margin:0;
  padding:0;
  }

  For the color code red, use FF0000

• 

  chewybeta · Member · Mar 31, 2008 at 9:52 pm

  • Copy link

  This is the sidebar code stuff. If you understand CSS, you should be able to go from here.

  background-color:#FF0000;
  border-bottom:3px solid #FF0000;
  border-left:3px solid #FF0000;
  border-right:3px solid #FF0000;
  border-top:3px solid #FF0000;
  color:#FF0000;

  I believe, that this is the part you change, but im sure theirs more to it.