any css tech guys able to help me out?

16 replies
I have been staring at firebug trying to work out how to sort this all last night and all day??
www.chiforceacademy.com/members
If you look at the navigation menu at the top of the page, i have done a roll over effect!
Now i have it working fine on the current page rollover , but if the link leads to another page the image dissapears completely?
I have found the code i need to change using firebug but it is not in the css file so i cannot change it?
This is the code i need to change

Code:
#access li:hover > a, #access ul ul *:hover > a {
    background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    font-size: 15px;
}
If i change it to this code:
Code:
#access li:hover > a, #access ul ul *:hover > a {
    background: transparent;
    font-size: 15px;
}
it works perfectly in firebug....
but i cant seem to make the modification in the css file that actually makes the changes ??
Any suggestions? i am at a complete loss now??
Any help would be appreciated!
#css #guys #tech
  • Profile picture of the author wayfarer
    I think you're looking for

    Code:
    background: none;
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[3541763].message }}
  • Profile picture of the author kjhosein
    Hi @alexio - it looks like the CSS for your li:hover styles is in this file:

    /wp-content/themes/OptimizePress/members-style1-style.css

    HTH!
    Signature
    <!--PM me for a quicker reply. Thx!-->
    {{ DiscussionBoard.errors[3542926].message }}
    • yea thats exactly what i thought, and that is the only place it could be, but i cant see it anywhere???

      i seen similar code but when i type the code in to that css file it comes up as crossed out in firebug and gets over written??

      Here is the code: (if you get a chance to have a quick look i would REALLY APPRECIATE IT! im going to go crazy soon!)

      Code:
      @charset "UTF-8";
      /* CSS Document */
      
      body{
          background: #efefef;
          background-repeat:repeat-x;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif;
          color:#000000;
      }
      
      .aclear{clear:both;}
      /*New Share Bar */
      
      #sharebarnew{width:797px;height:89px;margin:0px auto;padding-top:4px;}
      
      #sharebarnew2{width:600px;height:89px;margin:0px auto;padding-top:4px;}
      
      #sharebarnew-left{width:110px;height:89px;background-image:url(images/share/sharebar-left.png);float:left;}
      
      #sharebarnew-text{width:395px;height:89px;float:left;}
      
      #sharebarnew-fb{width:72px;height:89px;float:left;}
      
      #sharebarnew-twitter{width:73px;height:89px;float:left;padding-right:20px;}
      
      #sharebarnew-right{width:126px;height:89px;float:left;background-image:url(images/share/sharebar-right.png);}
      
      #wrapper{width:990px;margin:0px auto;}
      
      #wrapperouter{background:#ffffff;width:100%;min-height:400px;}
      
      
      
      #launchnavbar{width:990px;height:48px;padding-top:16px;margin:0px auto;}
      
      
      
      #headlinesection{padding-bottom:12px;}
      
      #launchheader{width:977px;}
      
      #launchheaderbottom{width:977px;height:16px;background-image:url(http://www.optimizepress.com/images/launch2headertop.png);}
      
      #launchfooter{width:977px;height:32px;background-image:url(images/launch2footer.png);}
      
      #launchbk{background:#ffffff;padding-top:5px;}
      
      #launchinnertop{padding-left:0px;padding-right:30px;padding-top:s0px;width:620px;padding-bottom:25px;margin-top:0px;font-size:1.25em;line-height:1.5em;color:#333333;}
      
      
      #launchinnertop p{margin-top:0px;font-size:1.25em;line-height:1.5em;color:#333333;}
      
      #launchinnertop h1{margin-top:0px;font-size:2.4em;line-height:1.2em;color:#222222;letter-spacing:-0.04em;font-weight:normal;margin-bottom:5px;}
      
      #launchinnertop h2{margin-top:0px;font-size:1.9em;line-height:1.9em;color:#222222;letter-spacing:-0.04em;font-weight:normal;margin-bottom:5px;}
      
      #launchinnertop h3 {
      color:#222222;
      font-size:1.6em;
      font-weight:normal;
      letter-spacing:-0.04em;
      line-height:1.5em;
      margin-bottom:5px;
      margin-top:0;
      }
      
      
      #launchinnermain{padding-right:20px;width:600px;padding-bottom:15px;padding-left:0px;padding-top:0px}
      
      #launchinnermain h1{margin-top:0px;font-size:2.4em;line-height:1.2em;color:#222222;letter-spacing:-0.04em;font-weight:normal;margin-bottom:5px;}
      
      #launchinnermain h2{margin-top:0px;font-size:1.9em;line-height:1.9em;color:#222222;letter-spacing:-0.04em;font-weight:normal;margin-bottom:5px;}
      
      #launchinnermain h3 {
      color:#222222;
      font-size:1.6em;
      font-weight:normal;
      letter-spacing:-0.04em;
      line-height:1.5em;
      margin-bottom:5px;
      margin-top:0}
      
      #launchbk p{margin-top:0px;font-size:1.15em;line-height:1.45em;color:#555555;}
      
      #launchbk h2{margin-top:0px;font-size:1.9em;line-height:1.9em;color:#222222;letter-spacing:-0.04em;font-weight:normal;margin-bottom:5px;}
      
      .launchtopheadline{color:#b10000;font-size:36px;line-height:40px;text-align:center;width:840px;margin:0px auto;padding-bottom:10px;padding-top:10px;letter-spacing:-1px;}
      
      .launchbottomheadline{color:#b10000;font-size:36px;line-height:40px;text-align:center;width:590px;margin:0px auto;padding-bottom:10px;padding-top:0px;letter-spacing:-1px;padding-top:20px;}
      
      #launchvideocontainer{margin:0px auto;padding-top:0px;padding-bottom:0px;}
      
      
      .launchbanner_green{background:#eaffe9;border:1px solid #b9dab8;height:19px;width:830px;margin:0px auto;font-size:15px;color:#6a8768;padding-left:10px;padding-top:8px;padding-bottom:8px;padding-right:10px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
      
      .launchbanner_blue{background:#caebf0;border:1px solid #7ccbd7;height:19px;width:830px;margin:0px auto;font-size:15px;color:#2c8c9b;padding-left:10px;padding-top:8px;padding-bottom:8px;padding-right:10px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
      
      .launchbanner_red{background:#f2d2d1;border:1px solid #e8a3a1;height:19px;width:830px;margin:0px auto;font-size:15px;color:#b03c39;padding-left:10px;padding-top:8px;padding-bottom:8px;padding-right:10px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
      
      .launchbanner_yellow{background:#FFFFE0;border:1px solid #E6DB55;min-height:19px;width:830px;margin:0px auto;font-size:15px;color:#a37028;padding-left:10px;padding-top:8px;padding-bottom:8px;padding-right:10px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
      
      #launch1sharebar{min-width:600px;width:600px;height:66px;background-image:url(images/launch1sharebk.png);margin:0px auto;background-repeat:no-repeat;background-position:bottom;}
      
      #launch1sharebar p{font-size:20px;text-align:center;color:#444;}
      
      .sharebar{margin:0px auto;text-align:center;}
      
      .sharetext{float:left;padding-left:20px;padding-right:10px;padding-top:27px;font-size:25px;text-align:center;width:300px;}
      
      .sharetext p{text-align:center;}
      
      #launchcommentslink{height:81px;padding-top:20px;padding-left:40px;}
      
      #launchcommentsarrow{height:81px;width:108px;background-image:url(images/commentsarrow-red.gif);float:left;}
      
      #launchcommentstext{width:500px;font-size:25px;color:#b10000;float:left;padding-left:10px;}
      
      #launchcommentsblock{padding-right:10px;width:650px;float:left;}
      
      #launchcommentsblock h2{width:540px;border-bottom:1px solid #dfdfdf;padding-bottom:3px;}
      
      
      
      #launch1left{width:710px;padding-left:15px;float:left;padding-bottom:20px;}
      
      #launch1left ul{}
      
      #launch1left li{color:#555555;
      font-size:1.15em;
      line-height:1.45em;}
      
      
      
      #launch1leftwide{width:960px;padding-left:15px;float:left;padding-bottom:20px;}
      
      #launch1leftwide ul{}
      
      #launch1leftwide li{color:#555555;
      font-size:1.15em;
      line-height:1.45em;}
      
      
      
      #launchcommentsblockside{float:left;width:240px;font-weight:bold;text-align:left;padding-right:15px;padding-bottom:25px;}
      
      #launchcommentsblockside p{font-size:1.1em;font-weight:normal;}
      
      .launch1sidebar{text-align:left;padding-bottom:20px;margin-top:0px;margin-bottom:0px;width:210px;padding-left:0px;margin-left:0px;}
      
      .launch1sidebar ul{padding-left:0px;margin-left:0px;}
      
      .launch1sidebar img{border:1px solid #CCC;}
      
      .launch1sidebar a{color:#282828;text-decoration:none;font-weight:bold;width:210px;}
      
      .launch1sidebar li:first-child  {padding-top:0px;}
      
      .launch1sidebar li:first-child a {}
      
      .launch1sidebar li {color:#9e9d9d;
      font-size:15px;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      padding-top:15px;
      text-align:left;
      width:210px;
      margin-left:0px;
      
      }
      
      .launch1sidebar li.textentry{padding-top:8px;border-bottom:1px solid #efefef;padding-bottom:10px;}
      
      #launchoptin{margin:0px auto;width:600px;text-align:center;}
      
      #launchcta{width:400px;text-align:center;margin:0px auto;padding-top:10px;padding-bottom:10px;}
      
      .launchoptin-headline{color:#215e8e;font-size:24px;text-align:center;width:450px;margin:0px auto;padding-top:10px;padding-bottom:6px;}
      
      .launchoptin-text{color:#6e747a;font-size:14px;;text-align:center;width:450px;margin:0px auto;padding-top:0px;line-height:20px;padding-bottom:10px;padding-top:10px;}
      
      .launchoptin-boxes{width:340px;margin:0px auto;}
      
      
      
      /* Sidebar Form Content */
      
      
      form .text {
      background:#f6f6f6 none repeat scroll 0 0;
      border:2px solid #999999;
      color:#202020;
      font-size:20px;
      margin-bottom:6px;
      padding-top:10px;
      padding-bottom:10px;
      padding-left:12px;
      width:285px;
      
      }
      
      
      
      
      input, textarea {
      -x-system-font:none;
      color:#000000;
      font-family:Arial,Helvetica,Sans-Serif;
      font-size:15px;
      font-size-adjust:none;
      font-stretch:normal;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
      line-height:normal;
      
      }
      
      
      
      /* Footer Content */
      
      #footer{height:91px;background-repeat:repeat-x;}
      
      #footer-inside{width:950px;padding-top:10px;margin:0px auto;font-family:Arial, Helvetica, sans-serif;color:#888888;font-size:13px;}
      
      #footer-inside a{text-decoration:none;color:#888888;}
      
      .footer-left{text-align:center;padding-top:8px;}
      
      .footer-right{text-align:center;padding-top:5px;}
      
      
      .footer-right ul{margin:0px;padding:0px;}
      
      .footer-right a{color:#888888;text-decoration:none;font-weight:normal;}
      
      .footer-right li:first-child  {border-left:0px solid #c0c0c0;border-right:0px;border-bottom:0pxpadding-left:0px;}
      
      .footer-right li:first-child a {border-left:0px solid #c0c0c0;border-right:0px;border-bottom:0px;padding-left:0px;}
      
      .footer-right li {color:#888888;border-bottom:0px;border-right:0px;
      border-left:1px solid #c0c0c0;
      display:inline;
      font-size:13px;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      padding-left:10px;
      padding-right:10px;
      padding-top:0px;
      padding-bottom:0px;
      }
      
      
      
      #launchcommentsblock li{list-style:none;font-family:helvetica,arial,sans-serif;font-size:13px;color:#5c5c5c;min-height:130px;border-bottom:1px solid #e4e4e4;padding-bottom:10px;padding-top:15px;}
      
      #launchcommentsblock li:first-child{border-top:1px solid #e4e4e4;}
      
      #launchcommentsblock li:last-child{border-bottom:0px;}
      
      #launchcommentsblock li p{font-family:helvetica,arial,sans-serif;font-size:13px;color:#5c5c5c;line-height:21px;}
      
      
      #launchcommentsblock ol{padding-left:0px;margin-left:0px;}
      
      #launchcommentsblock img{border:3px solid #e4e4e4;}
      
      .launchcommentspic{float:left;width:110px;height:100px;font-size:12px;color:#929292;}
      
      #launchcommentsblock textarea{width:580px;border:1px solid #c7c7c7;padding:5px;font-size:13px;color:#494949;}
      
      #launchcommentsblock input{}
      
      .launchcommentspic a{color:#636363;text-decoration:none;}
      
      .inputcomments{color:#494949;border:1px solid #c7c7c7;padding:5px;font-size:13px;}
      
      .button {
          display: inline-block;
          zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
          *display: inline;
          vertical-align: baseline;
          margin: 0 2px;
          outline: none;
          cursor: pointer;
          text-align: center;
          text-decoration: none;
          font: 14px/100% Arial, Helvetica, sans-serif;
          padding: .5em 2em .55em;
          text-shadow: 0 1px 1px rgba(0,0,0,.3);
          -webkit-border-radius: .5em; 
          -moz-border-radius: .5em;
          border-radius: .5em;
          -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
          -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
          box-shadow: 0 1px 2px rgba(0,0,0,.2);
      
      }
      
      /* gray */
      .gray {
          color: #e9e9e9;
          border: solid 1px #555;
          background: #6e6e6e;
          background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
          background: -moz-linear-gradient(top,  #888,  #575757);
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
      }
      .gray:hover {
          background: #616161;
          background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
          background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
      }
      .gray:active {
          color: #afafaf;
          background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
          background: -moz-linear-gradient(top,  #575757,  #888);
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
      }
      
      /* white */
      .white {
          color: #606060;
          border: solid 1px #b7b7b7;
          background: #fff;
          background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
          background: -moz-linear-gradient(top,  #fff,  #ededed);
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
      }
      .white:hover {
          background: #ededed;
          background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
          background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
      }
      .white:active {
          color: #999;
          background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
          background: -moz-linear-gradient(top,  #ededed,  #fff);
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
      }
      
      /* Video Download link */
      
      #videodownloadlink{margin:0px auto;width:700px;color:#999;font-size:12px;font-family:helvetica,arial,sans-serif;text-align:left;padding-top:8px;}
      
      #videodownloadlink a{text-decoration:none;}
      
      #launchinnermain ul li{font-size:1.3em;line-height:1.5em;font-family:inherit;padding-top:4px;}
      
      #launchinnertop ul li{font-size:1.3em;line-height:1.5em;font-family:inherit;padding-top:4px;}
      
      #fbcomments {padding-top:10px;}
      
      
      /* NAVBOX */
      
      
      #sidebarlinks1{float:left;padding-left:0px; width:240px; background:#FAFAFA; margin:10px 0 0 0; list-style:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 2px 0px rgba(0, 0, 0, 0.3);}
      
      #sidebarlinks1 li a{margin-left:0px;padding-left:0px;}
      
      #sidebarlinks1 ul{margin-left:0px;padding-left:0px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
      
      .pagenav {margin-left:0px; padding:8px 15px 10px 0px; font-size:13px; background:url(images/navbartop.png) repeat-x bottom center #a6a6a6; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#FFF; text-shadow:0 1px 0 #000; } /* the outermost list item; contains whole list */
      
      .page-item-2 {} /* item for Page ID 2 */
      
      .page_item {margin-left:0px;padding:10px 15px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #CCC; font-size:12px; color:#595959}
      
      .page_item a:hover{margin-left:0px;padding-left:0px;text-decoration:none; color:#0088CC;}
      
      .page_item a{color:#444444;margin-left:0px;padding-left:0px}/* any Page item */
      
      .page_item li{margin-left:0px;padding-left:0px;}
      
      .current_page_item {margin-left:0px;} /* the current Page */
      .current_page_parent {margin-left:0px;} /* parent of the current Page */
      .current_page_ancestor {margin-left:0px;} /* any ancestor of the current Page */
      
      #sidebarlinks1 .current_page_item {background:#f0f8ff;}
      
      #sidebarlinks1 ul .children{margin-left:0px;padding-top:3px;}
      
      #sidebarlinks1 ul .children a{padding-top:3px;margin-left:15px;}
      
      #sidebarlinks1 ul li{margin-left:15px;padding-left:0px;border:0px;padding-top:7px;list-style:none;padding-bottom:0px;}
      
      ul.children{padding-top:0px;margin-top:2px;margin-bottom:0px;margin-left:15px;}
      
      .nav_bar_title{ padding:8px 15px 10px 15px; font-size:13px; background:url(images/navbartop.png) repeat-x bottom center #a6a6a6; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#FFF; text-shadow:0 1px 0 #000;margin:0px; }
      
      
      
      /* NAVBOX */
      
      #tour_nav ul{margin:0 0 23px 20px;}
      
      #tour_nav{ float:left;padding-left:0px; width:200px; background:#FAFAFA; margin:10px 0 0 0; list-style:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 2px 0px rgba(0, 0, 0, 0.3);}
      #tour_nav li.tour_nav_name    { padding:8px 15px 10px 15px; font-size:13px; background:url(images/navbartop.png) repeat-x bottom center #a6a6a6; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#FFF; text-shadow:0 1px 0 #000; }
      #tour_nav li a    { display:block; padding:10px 15px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #CCC; background-repeat:no-repeat; background-position:160px center; background-image:url(gfx/tour_arrow.png); font-size:12px; color:#595959;}
      #tour_nav li a:hover, ul#tour_nav li a.tour_nav_active    { background-repeat:no-repeat; background-position:-76px center; background-image:url(gfx/tour_arrow.png); text-decoration:none; color:#0088CC;}
      #tour_nav li a.tour_nav_last    { border-bottom:none !important; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
      
      
      /* =Menu
      -------------------------------------------------------------- */
      
      /*NEW NAVBAR SETTINGS*/
      
      
      #membersnavbar{width:1050px;height:48px;padding-top:0px;margin:0px auto;}
      
      #membersnavbarbk{width:100%;padding-top:0px;height:48px;
      background: #efefef;
          background-image: -moz-linear-gradient(100% 100% 90deg, #bcbcbc, #f1f1f1);
          background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#bcbcbc));
          border-bottom:5px solid #666;
      }
      
      /*END NEW NAVBAR SETTINGS*/
      
      
      
      #access {
          display: block;
          float: left;
          width: 990px;
          padding-left:0px;
          margin: 0 auto;
          
      }
      #access .menu-header,
      div.menu {
          
          font-size: 14px;
          padding-left:0px;
          width:990px;
      }
      #access .menu-header ul,
      div.menu ul {
          
          list-style: none;
          margin: 0;
          border:0px;
          background:#999999;
          
      }
      
      #access .menu-header li,
      div.menu li {
          float: left;
          position: relative;
          border:0px;
          padding:0px;
      }
      
      /* Main Menu Font - Link Selectors */
      
      #access a {
          color:#333333;
          display: block;
          line-height: 100px;
          padding: 0 15px;
          text-decoration: none;
          font-weight:bold;
          text-shadow:0 1px 0 #f1f1f1;
          
      
      }
      
      #access ul ul {
          border:0px;
          display: none;
          position: absolute;
          top: 100px;
          left: 0;
          float: left;
          z-index: 99999;
          padding-left:0px;margin-left:0px;
      background:transparent;
      }
      
      
      #access ul ul li {
          padding:0px;
          margin:0px;
          width:250px;
          color:transparent;
      background:transparent;
          
          
      
          
      }
      #access ul ul ul {
          left: 100%;
          top: 0;
          padding:0px;
          margin:0px;
          
          
          
      }
      
      
      
      /* Sub-menu Background */
      #access ul ul a {
      background:transparent;
          margin:0px;
          height: auto;
          padding-left:20px;
          padding-top:0px;
          padding-bottom:0px;
          padding-right:10px;
          color: #fff;
          background-image: -moz-linear-gradient(100% 100% 90deg, #555555, #939393);
          background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), to(#555555));
          text-shadow:0 1px 0 #333333;
          
          
          
      }
      
      
      /* Menu And Sub-menu background color select (ON HOVER)  */
      #access li:hover > a,
      #access ul ul :hover > a {
      background: none;
      }
      
      #access ul li:hover > ul {
          display: block;
          padding:0px;
          margin:0px;
          color: #fff;
          background:transparent;
      }
      
      #access ul li { z-index: 999999999999999999; }
      
      /* main bar current item selector */
      
      #access ul li.current_page_item > a {
      background:transparent;
      }
      
      
      #access ul li.current-menu-item > a{
      font-size:14px;
      padding:0 15px;
      background:transparent;
      }
      
      #access ul li.current-menu-ancestor > a,
      #access ul li.current-menu-parent > a {
      padding:0 15px;background:transparent;
      }
      
      
      
      #access ul li.current-menu-ancestor > a:hover,
      #access ul li.current-menu-parent > a:hover {
          font-weight:bold;
          color:#fff;
      background:transparent;
      }
      * html #access ul li.current_page_item a,
      * html #access ul li.current-menu-ancestor a,
      * html #access ul li.current-menu-item a,
      * html #access ul li.current-menu-parent a,
      {    color: #fff;padding:0px;background:transparent;}
      
      
      * html #access ul li a:hover {
          color: #999999;background:transparent;
      }
      
      
      /* Membership Titles & Elements
      -------------------------------------------------------------- */
      
      
      #members_home_title{background:none repeat scroll 0 0 #FCFCFC;
      border-color:#E3E3E3;
      border-style:solid;
      border-width:1px 0;
      font-size:20px;
      margin:20px 0 25px;
      padding:15px 0 13px;
      text-align:center;
      text-transform:uppercase;}
      
      .sidebartitle{font-family:Arial, Helvetica, sans-serif;font-size:21px;line-height:24px;font-weight:bold;letter-spacing:-1px;padding-bottom:7px;color:#777777;}
      
      .sidebartext1{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;font-weight:normal;color:#777777;padding-bottom:10px; min-height:60px;}
      
      .memberstitle1{font-family:Arial, Helvetica, sans-serif;font-size:26px;color:#020202;border-bottom:1px solid #e5e5e5;font-weight:bold;letter-spacing:-1px;padding-bottom:9px;width:710px;margin-bottom:15px;margin-top:25px;}
      
      .memberstitle2{font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#020202;border-bottom:1px solid #e5e5e5;font-weight:bold;letter-spacing:-1px;padding-bottom:7px;width:710px;margin-bottom:15px;margin-top:25px;}
      
      
      /* Membership Content Page 
      -------------------------------------------------------------- */
      
      .moduletitle{text-transform:uppercase;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#555555;}
      
      .contenttitle1{font-family:Arial, Helvetica, sans-serif;font-size:26px;color:#020202;border-bottom:1px solid #e5e5e5;font-weight:bold;letter-spacing:-1px;padding-bottom:9px;width:710px;margin-bottom:15px;margin-top:10px;}
      
      
      .memberscontentspacer{padding-bottom:15px;}
      
      
      .commentswidth { width:520px; } /* marcelo 10/22/2010 */
      
      .commenticon{background-image:url(images/talkicon.png);background-repeat:no-repeat;width:65px;height:55px;float:left;background-position:center center;}
      
      .commenttitle{float:left;width:540px;}
      
      .menu-item-42 {
          display: block;
          width: 100px;
          height: 100px;
          background: url('http://www.chiforceacademy.com/wp-content/uploads/2011/03/Picture-26.png') transparent bottom;
          text-indent: -99999px;
              float: left;
      color:transparent;
      }
      .menu-item-42:hover {
          background-position: 0 0;
      
      }
      
      .menu-item-41 {
          display: block;
          width: 100px;
          height: 100px;
          background: url('http://www.chiforceacademy.com/wp-content/uploads/2011/03/Picture-26.png')transparent bottom;
          text-indent: -99999px;
      
              float: left;
      color:transparent;
      }
      .menu-item-41:hover {
          background-position: 0 0;
      }
      
      .menu-item-221 {
          display: block;
          width: 100px;
          height: 100px;
          background: url('http://www.chiforceacademy.com/wp-content/uploads/2011/03/Picture-26.png')transparent bottom;
          text-indent: -99999px;
              float: left;
      color:transparent;
      }
      .menu-item-221:hover {
          background-position: 0 0;
      
      }
      
      .menu-item-215 {
          display: block;
      
          width: 100px;
          height: 100px;
          background: url('http://www.chiforceacademy.com/wp-content/uploads/2011/03/Picture-26.png')transparent bottom;
          text-indent: -99999px;
              float: left;
      color:transparent;
      }
      .menu-item-215:hover {
          background-position: 0 0;
      }
      
      .menu-item-281 {
          display: block;
          width: 100px;
          height: 100px;
          background: url('http://www.chiforceacademy.com/wp-content/uploads/2011/03/Picture-26.png')transparent bottom;
          text-indent: -99999px;
              float: left;
      color:transparent;
      }
      .menu-item-281:hover {
          background-position: 0 0;
      
      }
      
      
      .menu-item-140 {
      
          display: block;
          width: 100px;
          height: 100px;
          background: url('http://www.chiforceacademy.com/wp-content/uploads/2011/03/Picture-26.png') transparent bottom;
          text-indent: -99999px;
              float: left;
      color:transparent;
      }
      .menu-item-140:hover {
          background-position: 0 0;
      }

      :confused::confused:
      Signature
      Alexander Sebastian Just launched his new blog offering High end Training for FREE..
      {{ DiscussionBoard.errors[3543507].message }}
      • The nav bar codes are about 3/4 of the way down the page!
        Signature
        Alexander Sebastian Just launched his new blog offering High end Training for FREE..
        {{ DiscussionBoard.errors[3543510].message }}
  • Profile picture of the author kjhosein
    Hi @alexio,

    A couple things:

    1. Firebug 'cleans up' the CSS code you see unless you go into Edit, which is why you see *:hover instead of just :hover for example.

    2. I noticed in the code you pasted that the rule #access ul ul a starts with a background:none. Did you just add that in? You should know that since this occurs before the other background: rules you have, it will be overridden. Try placing it underneath the others and/or commenting the others out.

    3. Firebug is crossing out the rule because it is being overridden by either a rule later in the CSS or by more specific rules.

    4. You have conflicting CSS code in both the members-style1-style.css and in the HTML file itself. I would merge all of the CSS code in the HTML into your style.css and/or members-style1-style.css depending on which one is more appropriate. It become a real pain (like now) to both remember and figure out rule precedence when it's set up like this.

    5. Once you have #4 squared away, then based on what I'm seeing in the members-style1-style.css file, it should work.

    6. No offense if you've written this, but this CSS code is kinda messy and confusing. If you think you'll have to mess with it in future, it's not a bad idea to try to clean it up.

    HTH!
    Signature
    <!--PM me for a quicker reply. Thx!-->
    {{ DiscussionBoard.errors[3543728].message }}
    • Hey man, just want to say thanks, I REALLY APPRECIATE YOUR TIME!!

      yeah i think i did add that in, i got to the point where i had just started trying everything! i will put the deault template back in and make the modifications again from scratch..
      Hope that will clean it up a bit!

      So the rules at the bottom of a css file should overwrite the rules at the top of the file?

      I am working from a wordpress template and i wouldnt know where to start to modify the .php template? Its not somthing i am comfortable in modifying at the moment.

      i am trying to work only using the .css file.

      I will try to get this working this evening, when i get home!

      Thanks again man! You Rock!

      Alexio
      Signature
      Alexander Sebastian Just launched his new blog offering High end Training for FREE..
      {{ DiscussionBoard.errors[3545786].message }}
      • Profile picture of the author wayfarer
        Originally Posted by alexio View Post

        So the rules at the bottom of a css file should overwrite the rules at the top of the file?
        Not always. This depends on the specificity of the rules also. For example:
        Code:
        body #wrapper {
            background: none;
        }
        #wrapper {
            background: black;
        }
        Will mean the item with the id="wrapper" will have no background. This is because "body #wrapper" is more specific than just "#wrapper".

        In fact, the ONLY time top to bottom order matters, is if the specificity of the rules are exactly the same.

        Read more about specificity here.
        Signature
        I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
        {{ DiscussionBoard.errors[3546548].message }}
  • I understand what you mean with being more specific in the code to overwrite the other css codes, thanks for explaining that, you probably noticed i learn through trial and error... but this is more complicated than what i have tried before! Thanks for baring with me.. I Owe you!

    Turns out you are spot on! There is css in the html codes, trouble being i dont understand the html conversions for css. i can identify the navigation bar in the html code but i dont know what part i need to change and what i need to change it to?

    So i understand i need to make the changes in the html file as this is what is overriding the css file.

    dont suppose you could let me know what this code would look like in html format?

    Code:
    #access li:hover > a, #access ul ul *:hover > a {     background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #FFFFFF) repeat scroll 0 0 #FFFFFF;     font-size: 15px; }
    I have no idea??

    Once again, sorry for being such a pain in the ass!! :rolleyes: I owe you like 6 beers...No worrys if your busy, at least i have an idea of what needs to be done!! Thanks
    Alexio
    Signature
    Alexander Sebastian Just launched his new blog offering High end Training for FREE..
    {{ DiscussionBoard.errors[3546894].message }}
  • Profile picture of the author kjhosein
    You're welcome Alexio!

    @wayfarer is right about specificity overriding order. I know, it can get confusing!

    So I imagine you've heard this a hundred times, but I really recommend you either get a book and/or read some of the online tutorials on CSS. You'll save yourself a *lot* of time if you already know what to do/look for instead of via trial and error. Plus it'll make your CSS code more readable and well organized without a lot of redundancy.

    If all you're trying to do is change the look of your page, then tinkering with just the CSS is perfectly ok and the recommended way to go. No need to go into the PHP theme files.

    I don't know what you mean by "html conversions for css", but if I'm guessing correctly, then let me re-state point #4 above: get rid of any CSS that is inline in your HTML. For example, anything that is contained in a style block like:
    Code:
    <style type="text/css">
    --- CSS code ---
    </style>
    Now this is going to be a pain, but you'll have to manually merge any differing CSS from those style blocks back into your main css files (like style.css, etc.). Hopefully, none of that was generated using some plugin.
    Signature
    <!--PM me for a quicker reply. Thx!-->
    {{ DiscussionBoard.errors[3548863].message }}
    • Dude, I totally love you!!!

      As you may have noticed i got it working thanks to your explanations, i am using a theme but for the admin options to work the css had to be mixed in with the php.. I just deleted the css from the php and now it works perfect, just need to remember not to make any changes in the admin panel!

      Thanks for explaining me through all that! Really made my life so much easier!

      You got yourself a IOU if you ever need a favor let me know!

      Thanks

      Alexio
      Signature
      Alexander Sebastian Just launched his new blog offering High end Training for FREE..
      {{ DiscussionBoard.errors[3549193].message }}
      • Profile picture of the author kjhosein
        Originally Posted by alexio View Post

        As you may have noticed i got it working thanks to your explanations.
        Nicely done Alexio. Glad to see you got it working.

        Just an FYI though - I see that your HTML still has CSS inline, which you may want to clean up at a later date. If you want to do that before you become a CSS master, sit down with an experienced developer, make a dev copy of your site and have them walk you through the changes.

        Cheers!
        Signature
        <!--PM me for a quicker reply. Thx!-->
        {{ DiscussionBoard.errors[3549794].message }}
        • Profile picture of the author oknoorap
          just use

          Code:
          !important
          like this

          HTML Code:
          <style type="text/css">
          body #id{color:#cc0000;}
          #id{color:#cc0000 !important;}
          </style>
          {{ DiscussionBoard.errors[3551790].message }}
          • Yeah i still have a lot to learn, just taking baby steps in learning to do everything at once! At the moment i am only learning things that i need to know, but when i have more time, i will learn to become the css master heheh!

            Im still setting up the membership scripts and creating products etc so time is limited! I Know i shouldnt spend so much time on one menu... hahah but i like it. you can see the menu here if your interested: www.chiforceacademy.com/members

            Im going to change the menu images at some point as my graphic design skills are limited - i would rather get a professional who has a good eye for design to do these for me...

            Thanks for all the great advice guys!!
            Signature
            Alexander Sebastian Just launched his new blog offering High end Training for FREE..
            {{ DiscussionBoard.errors[3551952].message }}
  • Profile picture of the author xtrapunch
    If you want to fix your blog yourself, learn HTML and CSS. There are plenty of websites. Or, maybe, hire someone to fix it for you. You should always focus on your core work area. Just because you need a pair of jeans, will you won't start stitching one yourself unless?
    Signature
    >> Web Design, Wordpress & SEO - XtraPunch.com <<
    Web Design & SEO Agency | Serving World Wide from New Delhi, India

    {{ DiscussionBoard.errors[3549078].message }}
    • Originally Posted by xtrapunch View Post

      If you want to fix your blog yourself, learn HTML and CSS. There are plenty of websites. Or, maybe, hire someone to fix it for you. You should always focus on your core work area. Just because you need a pair of jeans, will you won't start stitching one yourself unless?
      I like to learn before i outsource! each to their own...
      Signature
      Alexander Sebastian Just launched his new blog offering High end Training for FREE..
      {{ DiscussionBoard.errors[3549231].message }}
  • Profile picture of the author wayfarer
    if you're a good manager and want to focus on other things, by all means outsource it. My little engineer's brain would never let me do that though.
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[3549545].message }}

Trending Topics