Need help? Check out our Support site, then


Sidebar troubles

  1. 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.

  2. 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

  3. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.