RE: Menu Colour

Forums › Forums › Menus › RE: Menu Colour

Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • Author
    Posts
  • October 27, 2009 at 3:24 pm #1062
    Luke_Etheridge
    Member

    Hi Ryan, or whoever can help,

    I have successfully uploaded my menu to my wordpress blog and i must say i am massively impressed. There is just one remaining issue….its red. The theme of my blog is very much blue and i love the sound of your dazzle_blue background for the menu. Can you please provide me with a complete dummies guide of how to change the colour?

    My main issue is: where do i paste the new code from your generator. I know you probably get this all the time but if you could make the explaination as simple as possible so that i can implement it step by step.

    Once again overall i am very pleased but am struggling to figure this out. All help is much appreciated and thank you in advance!

    Many Thanks, Luke

    October 27, 2009 at 5:21 pm #7181
    Luke_Etheridge
    Member

    hi i have done it now but it seems to be all wrong. This is my code:

    #suckerfishnav {
        background:#1F3E9F url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x;
        font-size:18px;
        font-family:verdana,sans-serif;
        font-weight:bold;
        width:100%;
        }
    #suckerfishnav, #suckerfishnav ul {
        float:left;
        list-style:none;
        line-height:40px;
        padding:0;
        border:1px solid #aaa;
        margin:0;
        width:100%;
        }
    #suckerfishnav a {
        display:block;
        color:#dddddd;
        text-decoration:none;
        padding:0px 10px;
        }
    #suckerfishnav li {
        float:left;
        padding:0;
        }
    #suckerfishnav ul {
        position:absolute;
        left:-999em;
        height:auto;
        width:151px;
        font-weight:normal;
        margin:0;
        line-height:1;
        border:0;
        border-top:1px solid #666666;
        }
    #suckerfishnav li li {
        width:149px;
        border-bottom:1px solid #666666;
        border-left:1px solid #666666;
        border-right:1px solid #666666;
        font-weight:bold;
        font-family:verdana,sans-serif;
        }
    #suckerfishnav li li a {
        padding:4px 10px;
        width:130px;
        font-size:12px;
        color:#dddddd;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 150px;
        }
    #suckerfishnav li li:hover {
        background:#1F3E9F;
        }
    #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
        color:#dddddd;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#dddddd;
        }
    #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
        color:#dddddd;
        }
    #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
        left:-999em;
        }
    #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
        left:auto;
        background:#444444;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#5E7AD3;
        }

    and this is my site: http://www.jlnproducts.com/blog

    please please please help!

    October 27, 2009 at 5:24 pm #7182
    Luke_Etheridge
    Member

    Also my child pages are hidden under the white blog post when you hover…can you tell me how to fix the problem or give me a better code

    October 27, 2009 at 5:47 pm #7183
    Luke_Etheridge
    Member

    I have since changed it and i am nearly satisfied…this is my code:

    #suckerfishnav {
        background:#1F3E9F url("http://www.jlnproducts.com/blog/wp-content/plugins/pixopoint-menu/images/dazzle_blue.png") repeat-x;
        font-size:16px;
        font-family:Lucida Sans Unicode;
        font-weight:bold;
        height:40px;
        width:100%;
        }
    #suckerfishnav, #suckerfishnav ul {
        float:left;
        list-style:none;
        line-height:40px;
        padding:0;
        border:0px solid #aaa;
        margin:0;
        width:100%;
        }
    #suckerfishnav a {
        display:block;
        color:#dddddd;
        text-decoration:none;
        padding:0px 10px;
        }
    #suckerfishnav li {
        float:left;
        padding:0;
        }
    #suckerfishnav ul {
        position:absolute;
        left:-999em;
        height:auto;
        width:151px;
        font-weight:normal;
        margin:0;
        line-height:1;
        border:0;
        border-top:1px solid #666666;
        }
    #suckerfishnav li li {
        width:149px;
        border-bottom:1px solid #666666;
        border-left:1px solid #666666;
        border-right:1px solid #666666;
        font-weight:bold;
        font-family:verdana,sans-serif;
        }
    #suckerfishnav li li a {
        padding:4px 10px;
        width:130px;
        font-size:12px;
        color:#dddddd;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 150px;
        }
    #suckerfishnav li li:hover {
        background:#1F3E9F;
        }
    #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
        color:#dddddd;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#dddddd;
        }
    #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
        color:#dddddd;
        }
    #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
        left:-999em;
        }
    #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
        left:auto;
        background:#444444;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#5E7AD3;
        }

    Can you please tell me how to get rid of the hover effect when you hover over the search. An again make it so that my child pages appear in front of my posts and content.

    Thanks, http://www.jlnproducts.com/blog/

    Luke

    October 27, 2009 at 11:32 pm #7184
    imported_Ryan
    Member

    I’m causing your dropdown going underneath the content is caused by a z-index issue. Try increasing the z-index of the dropdown to compensate for it.

    Incidentally, I think you will find the problem with your right sidebar spilling over is caused by the lack of an overflow set on the containing box. Try applying overflow:auto to the box which contains the sidebar, main content, footer etc and it should expand to compensate for the sidebars lenght (hopefully).

    October 27, 2009 at 11:35 pm #7185
    imported_Ryan
    Member

    I think the following should fix your search box problem.
    [code:1v8n4xrk].pixo_search:hover, . pixo_search a:hover {
    background:none;
    } [/code:1v8n4xrk]

    That hover effect isn’t supposed to happen, but unfortunately the usual CSS generator used within the plugin is not operational right now. I’m working on fixing that though and it should be up and running within the next month … hopefully!

    October 28, 2009 at 8:29 am #7186
    Luke_Etheridge
    Member

    Hi Ryan, Thanks for the reply, where exactly do i insert that code? where in the css – main menu? or second menu?

    Also is there any way i can right justify the search because i have the box ticked but it is still next to the menus!

    Can you talk me through your post "I’m causing your dropdown going underneath the content is caused by a z-index issue. Try increasing the z-index of the dropdown to compensate for it." – where is this? what do i look for? and in what file?

    Ryan thank you for all your help, as you can tell i am brand new to this!…like 4 days new! <img decoding=” title=”Wink” />

    Luke

    October 28, 2009 at 8:54 am #7187
    Luke_Etheridge
    Member

    This is my second menu css:

    #pixopoint_menu2 {
    width:100%;
    height:25px;
    background:#FF5050 url("../images/smoothfade_palered.png") repeat-x;
    background-position:50% 0;
    margin:0;}
    #pixopoint_menu2 ul {
    width:100%;
    border:none;
    background:none;
    margin:0;
    padding:0;
    list-style:none;
    }
    #pixopoint_menu2 li {
    border:none;
    background:none;
    background:#FF5050 url("../images/smoothfade_palered.png");
    color:#FFFFFF;
    line-height:25px;
    text-transform:uppercase;
    z-index:10;
    letter-spacing:0px;
    background:;
    font-weight:normal;
    font-size:12px;
    padding:0;
    margin:0 0px;
    ;float:left;
    font-family:helvetica,arial,sans-serif;
    position:relative;
    }
    #pixopoint_menu2 li:hover,#pixopoint_menu2 li.sfhover {
    background:#e92020
    }
    #pixopoint_menu2 li a {
    border:none;
    background:none;
    text-decoration:none;
    display:block;
    padding:0 8px;
    color:#FFFFFF;
    }
    #pixopoint_menu2 li a:hover {
    border:none;
    background:none;
    text-decoration:none;
    color:#FFFFFF;
    background-position:100% -120px;
    }
    #pixopoint_menu2 ul ul {
    position:absolute;
    left:-999em;
    top:25px;
    width:120px;
    }
    #pixopoint_menu2 li:hover ul,#pixopoint_menu2 li.sfhover ul {
    left:auto;
    }
    #pixopoint_menu2 ul ul li a {
    padding:4px 10px;
    text-transform:normal;
    font-variant:normal;
    }
    #pixopoint_menu2 ul ul li {
    letter-spacing:0px;
    color:#444444;
    z-index:10;
    width:120px;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    font-style:normal;
    background:#fcfcfc;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    margin:0;
    }
    #pixopoint_menu2 ul ul li a {
    line-height:22px;
    color:#444444;
    text-decoration:none;
    }
    #pixopoint_menu2 ul ul li:hover a,#pixopoint_menu2 ul ul li.sfhover a {
    color:#444444;
    text-decoration:none;
    }
    #pixopoint_menu2 ul ul li:hover li a,#pixopoint_menu2 ul ul li.sfhover li a {
    color:#444444;
    }
    #pixopoint_menu2 ul ul li:hover li a:hover,#pixopoint_menu2 ul ul li.sfhover li a:hover {
    color:#444444;
    }
    #pixopoint_menu2 ul ul li:hover,#pixopoint_menu2 ul ul li.sfhover {
    color:#444444;
    background:#dedede;
    }
    #pixopoint_menu2 ul ul ul li {
    font-size:1em;}#pixopoint_menu2 ul ul ul, #pixopoint_menu2 ul ul ul ul {
    position:absolute;
    margin-left:-999em;
    top:0;
    width:120px;
    }
    #pixopoint_menu2 li li:hover ul,#pixopoint_menu2 li li.sfhover ul,#pixopoint_menu2 li li li:hover ul,#pixopoint_menu2 li li li.sfhover ul {
    margin-left:120px;
    }
    #pixopoint_menu2 ul ul li:hover li a,#pixopoint_menu2 ul ul li.sfhover li a {
    text-decoration:none;
    }
    #pixopoint_menu2 ul ul li li:hover a,#pixopoint_menu2 ul ul li li.sfhover a {
    color:#444444;
    text-decoration:none;
    }
    #pixopoint_menu2 li.pixo_search:hover {
    background:none;
    }
    #pixopoint_menu2 li.pixo_search form {
    margin:0;
    padding:0;
    }
    #pixopoint_menu2 li.pixo_search input {
    font-family:helvetica,arial,sans-serif;}
    #pixopoint_menu2 li.pixo_search input.pixo_inputsearch {
    width:100px;
    }
    #pixopoint_menu2 li.pixo_right {
    float:right;
    }

    I tried increasing both z-index on seperate occasions to no avail

    Luke

    October 28, 2009 at 9:02 am #7188
    Luke_Etheridge
    Member

    I have inserted the code:

    #pixopoint_search:hover, #pixo_search a:hover {
        background:none;
        }

    to both of the menu’s css and it still has not resolved the problem.

    Luke

    October 28, 2009 at 3:53 pm #7189
    Luke_Etheridge
    Member

    i also found the z-index and increased it to no avail.

    Please help Ryan

    October 28, 2009 at 6:16 pm #7190
    Luke_Etheridge
    Member

    Ryan you never guess what!!!?? i bloody done it!! wwaaahhhoooo!! i increased the z-index like you said on the main menu.

    But wait there is more….

    Just one more this….exactly how do i align the search form to the right (the box is checked!) and how do i get rid of the hover.

    Oh and how do i stop the sidebar overshooting the content, footer in firefox etc?

    Here is my theme style sheet:

    /* 
    Theme Name: Xhilaration
    Theme URI:
    Description: Nicely styled 3-column Adsense and widget-ready theme. See readme.txt for plugin support.
    Version: 1.0
    Author: JustDreamweaver
    Author URI:
    */

    body {
    margin:0;
    padding:0;
    background: #242C37 url(images/body-fade.png) repeat-x left top;
    }
    ul, li {
    margin: 0px;
    padding: 0px;
    }

    a:link, a:visited {
    text-decoration:none;
    color:#0033CC;
    border:0;
    -moz-outline-style:none;
    }
    a:hover {
    text-decoration:underline;
    color:#0033CC;
    border:0;
    -moz-outline-style:none;
    }
    a:active {
    text-decoration:none;
    color:#0033CC;
    border:0;
    -moz-outline-style:none;
    }
    h1, h2, h3, h4 {
    font-family:Lucida Sans Unicode, "Times New Roman", Times, serif;
    }
    h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-top: 10px;
    }

    h2.pagetitle {
    padding: 0px;
    font: normal 24px/28px Lucida Sans Unicode, "Times New Roman", Times, serif;
    color: #0099FF;
    margin: 10px 0px 15px;
    }
    img {
    border:none;
    margin:0;
    padding:0;
    }
    img.alignleft {
    margin-right:10px;
    margin-bottom:5px;
    }
    img.alignright {
    margin-bottom:5px;
    margin-left:10px;
    }
    hr {
    height:1px;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CFCFCF;
    border-right-color: #CFCFCF;
    border-bottom-color: #CFCFCF;
    border-left-color: #CFCFCF;
    }
    blockquote {
    margin:0 20px 10px 10px;
    padding:10px 15px;
    border-left: 5px solid #F0F0EC;
    }
    * html blockquote {
    height:1%;
    }
    blockquote p {
    margin:0;
    padding:0 0 5px;
    }
    #wrap {
    width:975px;
    position:relative;
    margin:0 auto;
    padding:0;
    background: url(images/body-bg.gif) repeat-y left;
    }
    #header a {
    color:#FFF;
    }
    #header {
    clear:left;
    height:217px;
    width:975px;
    margin-right:none;
    margin-left:none;
    position:relative;
    background: url(images/header-bg.png) no-repeat left top;
    }
    #header h1 {
    position:absolute;
    width:500px;
    left:38px;
    top:55px;
    margin:0;
    padding:0;
    font: bold 32px/38px Lucida Sans Unicode, "Times New Roman", Times, serif;
    display:none;
    }
    #header h1 a:hover {
    color: #00CCFF;
    text-decoration: none;
    }
    p.tagline {
    position:absolute;
    width:600px;
    top:140px;
    left:38px;
    color:#0099FF;
    margin:0;
    padding:0;
    font: normal 14px Arial, Helvetica, sans-serif;
    display:none;
    }
    #header .rss {
    font: bold 11px Lucida Sans Unicode, "Times New Roman", Times, serif;
    color: #FF9900;
    width: 220px;
    position: absolute;
    top: 85px;
    right: 60px;
    text-align: right;
    }

    /*– Top navigation settings –*/
    .Menu ul {
    top:0px;
    float:left;
    margin:0px;
    padding:0px;
    position: relative;
    left: 4px;
    color: #0066FF
    }
    .Menu li {
    display:none;
    font-size:11px;
    line-height: 35px;
    color: #0066FF
    }
    #header  .Menu a {
    display:none;
    margin:0px;
    padding:8px;
    font-size: 14px;
    font-weight: bold;
    color: #0066FF
    }
    #header .Menu a:hover {
    text-decoration:none;
    color: #0099FF;
    }
    /*– Header search settings –*/
    #header .search {
    background:url(images/Search.gif) no-repeat left top;
    position:absolute;
    top:130px;
    width:140px;
    left: 795px;
    margin: 0px;
    padding: 0px;

    }
    /*
    *html #header .search {
    top:120px;
    right:120px;

    }*/
    #header .search form {
    margin:0px;
    padding: 0px;
    }
    #header .search input {
    color:#FFF;
    font-size:11px;
    width:150px;
    background-color:#000000;
    border: 1px solid #000000;
    margin: 0px;
    padding: 0px;
    height: 15px;
    line-height: 13px;
    }

    #content .pageintro {
    float: left;
    width: 587px;
    position: relative;
    left: 35px;
    }

    /*– Begin page content CSS –*/
    #content {
    width:650px;
    position:relative;
    float:left;
    padding:0;
    font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
    }
    .postwrap h1 {
    margin:0;
    padding:0px 0px 10px;
    font: normal 24px/28px Lucida Sans Unicode, "Times New Roman", Times, serif;
    letter-spacing: -1px;
    }
    .postwrap {
    float:left;
    width:587px;
    padding:10px;
    position: relative;
    left: 20px;
    background: #FFFFFF;
    border: 1px solid #0033FF;
    margin-bottom: 12px;
    margin-top: 10px;
    }
    .postwrap ul {
    margin-left: 30px;
    }
    .postwrap ol {
    margin-left: 35px;
    padding-left: 0px;
    }
    .breadcrumb {
    margin-bottom: 10px;
    float: left;
    width: 587px;
    position: relative;
    left: 35px;
    color: #CCCCCC;
    }
    #content .breadcrumb a {
    color: #0099FF;
    }

    .posthead {
    position:relative;
    clear:left;
    padding-top: 8px;
    color: #6699FF;
    font-family: Lucida Sans Unicode, "Times New Roman", Times, serif;
    }
    .posthead li {
    float: left;
    display: inline;
    margin-right: 10px;
    font-size: 11px;
    font-weight: normal;
    color: #6699FF;
    }
    .posthead ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    .authorbox {
    border-top: 1px dotted #BDBDB3;
    display: block;
    float: left;
    width: 587px;
    border-bottom: 1px dotted #BDBDB3;
    padding-top: 3px;
    padding-bottom: 3px;
    }
    .authorbox  li  {
    margin-top: 0px;
    }

    #content .posthead h1 a {
    color:#3366FF;
    }
    #content .posthead h1 a:hover {
    text-decoration: none;
    color: #0066FF;
    }

    .postauthor {
    color:#999;
    padding-top:1px;
    font-size:10px;
    font-weight:700;
    line-height:23px;
    background: url(images/icon-author.gif) no-repeat left center;
    padding-left: 27px;
    height: 23px;
    margin-top: 5px;
    }
    .postdate {
    color:#999;
    padding-top:1px;
    font-size:10px;
    font-weight:700;
    line-height:23px;
    background: url(images/icon-postdate.gif) no-repeat left center;
    padding-left: 33px;
    height: 23px;
    margin-top: 5px;
    }

    .postcomments {
    }
    .postcontent {
    padding-top:10px;
    padding-bottom:10px;
    line-height:17px;
    }
    .postinfo {
    font: 11px Lucida Sans Unicode, "Times New Roman", Times, serif;
    background: #F7F7F4;
    border: 1px solid #E6E6DF;
    padding: 6px 8px;
    }
    .postinfo a {
    font-weight: bold;
    }

    .postinfo li {
    list-style-type:none;
    display:inline;
    color:#999;
    font-size:10px;
    font-weight:700;
    margin:0 10px 0 0;
    padding:5px 0 5px 18px;
    }
    .postcat {
    background:url(images/icon-category.gif) no-repeat left top;
    width: 375px;
    padding-left: 27px;
    line-height: 15px;
    padding-top: 5px;
    }
    .postcomments {
    background:url(images/icon-comment.gif) no-repeat right center;
    float: right;
    height: 25px;
    width: 110px;
    text-align: right;
    line-height: 23px;
    padding-right: 38px;
    }
    .more-link {
    font-size:11px;
    font-weight:700;
    }
    ul.Note {
    margin-left: 0px;
    margin-bottom: 15px;
    }

    .Note li {
    list-style-type:none;
    font-size:11px;
    margin:0;
    padding:2px 0 2px 15px;
    position: relative;
    line-height: 12px;
    }
    .NoteRss {
    background:url(images/NoteRss.png) no-repeat left top;
    }
    .NoteTrackBack {
    background:url(images/NoteTrackBack.png) no-repeat left top;
    }
    /*– Related Posts plugin settings –*/
    .rel-posts {
    margin:0 0 10px;
    padding:0 0 10px;
    border-bottom: 1px dotted #BDBDB3;
    }
    .rel-posts ul {
    margin-left: 0px;
    }

    .rel-posts li {
    list-style-type:none;
    font-size:11px;
    background-image:url(images/read-more-icon.gif);
    background-repeat:no-repeat;
    background-position:left top;
    margin:0;
    padding:2px 0 2px 15px;
    position: relative;
    line-height: 13px;
    }
    #content .rel-posts a {
    color: #333333;
    }

    #respond {
    font: bold 16px Lucida Sans Unicode, "Times New Roman", Times, serif;
    letter-spacing: -1px;
    }
    #comments b {
    font: bold 16px Lucida Sans Unicode, "Times New Roman", Times, serif;
    color: #000000;
    letter-spacing: -1px;
    }

    #commentform label {
    font: bold normal 12px/28px Lucida Sans Unicode, "Times New Roman", Times, serif;
    color: #0033CC;
    }
    #commentblock ol.commentlist {
    margin-left: 25px;
    font: bold 16px Lucida Sans Unicode, "Times New Roman", Times, serif;
    list-style: decimal;
    color: #666666;
    letter-spacing: -1px;
    }
    #commentblock ol.commentlist a {
    text-decoration: underline;
    color: #990000;
    }
    #commentblock ol.commentlist a:hover {
    color: #666666;
    }

    .commenttext {
    width: 550px;
    border-left: 5px solid #F0F0EC;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #333333;
    letter-spacing: normal;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    }
    .commenttext p {
    margin-top: 8px;
    margin-bottom: 8px;
    }
    #commentform #submit {
    font: bold 16px Lucida Sans Unicode, "Times New Roman", Times, serif;
    background: #000000;
    letter-spacing: -1px;
    border: 2px solid #0066FF;
    padding: 5px 8px;
    color: #FFFFFF;
    }

    #sidebar {
    width:320px;
    color:#FFFFFF;
    margin-top:0px;
    position:relative;
    right: 15px;
    float: right;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    }
    #sidebar h2 {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -1px;
    }
    #sidebar a {
    color: #0099FF;
    }
    #sidebar a:hover {
    color: #00CCFF;
    }

    #sidebar ul li {
    margin-left: 3px;
    list-style: none;
    background: url(images/lidot.gif) no-repeat left 6px;
    padding-left: 8px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #0033CC;
    padding-top: 3px;
    line-height: 16px;
    }
    #sidebar ul a {
    color: #FFFFFF;
    font-weight: normal;

    }
    #sidebar ul a:hover {
    color: #0099FF;
    text-decoration: none;
    font-weight: normal;
    }

    #sidebar ul.children li  {
    border-bottom-style: none;
    background: url(images/subcat.gif) no-repeat left top;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 12px;

    }

    #sidebar-top {
    width:315px;
    float: left;
    }

    #sidebar-top h2 {
    background: url(images/side-h2-bg.png) repeat-x left top;
    color: #FFFFFF;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 6px;
    margin-bottom: 8px;
    margin-top: 10px;
    border: 1px solid #0042A1;
    }
    #sidebar-top      h2  a.rsswidget  {
    color: #FFFFFF;
    font: bold 14px Lucida Sans Unicode, "Times New Roman", Times, serif;
    }
    #sidebar-top .rsswidget img {
    margin-top: 2px;
    float: left;
    margin-right: 6px;
    }

    #sidebar-top .textwidget {
    padding-left: 6px;
    line-height: 16px;
    }

    #sidebar-top  ul  ul  {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
    #sidebar-top #searchform {
    background: #000000;
    padding: 4px;
    margin-top: 15px;
    margin-bottom: 10px;
    }
    #sidebar-top  #s {
    width: 285px;
    margin-bottom: 4px;
    }
    #sidebar-top #wp-calendar {
    width: 280px;
    margin-left: 8px;
    }
    #sidebar-top #wp-calendar caption {
    margin-left: 8px;
    }

    #wp-calendar {
    border-collapse:collapse;
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    color: #FFFFFF;
    }
    #wp-calendar caption {
    padding-top:3px;
    padding-bottom:6px;
    text-align:left;
    font: bold 14px Lucida Sans Unicode, "Times New Roman", Times, serif;
    color: #FFFFFF;
    }
    #wp-calendar td {
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    border:1px solid #000000;
    line-height:15px;
    }
    #wp-calendar th {
    background-color: #003399;
    border: 1px solid #000000;
    }
    #wp-calendar tbody {

    }
    #wp-calendar tbody a {
    font-weight:bold;
    color:#FFFFFF;
    background-color:#003399;
    text-decoration:none;
    display:block;
    border-style:none;
    margin:0;
    padding:0;
    }
    #wp-calendar tbody a:hover {
    font-weight:700;
    color:#FFFFFF;
    background-color:#0099FF;
    text-decoration:none;
    border-style:none;
    margin:0;
    padding:0;
    }
    #wp-calendar tfoot a:hover {
    background-color:#003399;
    text-decoration:none;
    color: #FFFFFF;
    font-weight: bold;
    }
    #wp-calendar tfoot a {
    display:block;
    padding:2px 0;
    color: #0099FF;
    font-weight: bold;
    }

    #sidebar-left {
    float:left;
    width:145px;
    padding:0;
    margin-top: 15px;
    }
    #sidebar-left h2, #sidebar-right h2 {
    margin-top: 15px;
    margin-bottom: 5px;
    }

    #sidebar-right {
    float:right;
    width:145px;
    padding:0;
    margin-top: 15px;
    }
    #content .pagenavi {
    font: bold 14px Lucida Sans Unicode, "Times New Roman", Times, serif;
    margin-top: 10px;
    display: block;
    float: left;
    position: relative;
    left: 30px;
    text-align: center;
    width: 605px;
    color: #0099FF;
    }
    #content .pagenavi a {
    color: #0099FF;
    }
    #content .pagenavi a:hover {
    color: #00CCFF;
    }

    #footer {
    align: left;
    clear: left;
    width: 975px;
    margin-right:none;
    margin-left:none;
    font: 11px Arial, Helvetica, sans-serif;
    background: url(images/footer.png) no-repeat left top;
    height: 80px;
    text-align: center;
    padding-top: 30px;
    color: #00CCFF;
    }
    #footer a {
    color: #00CCFF;
    }
    #credit {
    color: #0051CA;
    margin-top: 8px;
    }
    #credit a {
    color: #0051CA;
    text-decoration: underline;
    }
    .adblock120x600 {
    width: 120px;
    margin-top: 13px;
    margin-left: 6px;
    background: #000;
    padding: 4px;
    }

    Let me know your thoughts and once again all your help is very appreciated, ill buy you a beer one day!

    Luke

    October 28, 2009 at 7:33 pm #7191
    Luke_Etheridge
    Member

    In fact i already have a search feature on my site….is it possible to just disable it?

    October 29, 2009 at 2:11 pm #7192
    tone
    Member

    You can disable it by going into settings on your WP dashboard and removing the search box from the menu line up.

    October 29, 2009 at 3:05 pm #7193
    Luke_Etheridge
    Member

    You mean on the pixopoint settings? i tried un ticking where it says ‘right aligned’ but that doesn’t work, there has to be a code issue??

    October 29, 2009 at 3:09 pm #7194
    tone
    Member

    Dashboard> settings> pixopoint menu

    Click down on the search bar and drag it down to the inactive menu items area. Then update click options at the bottom. Should remove the search bar from the menu. <img decoding=” title=”Smiley” />

    I just wish I could get the menu working like yours as I also have the z-index problem in IE only.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • You must be logged in to reply to this topic.