Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

Jackson Yang | 05/26/12 at 2:12pm Edit

(4) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

• 
  Last edited:
  05/26/12
  2:20pm
  Arnav Joy says:

  go to line no 432 at style.css
  
  #access li:hover > a, #access ul ul *:hover > a
  
  add on it
  
  text-decoration: underline

  • 05/26/12 2:21pm
    
    Arnav Joy says:

    this the path of the css file
    
    wp-content/themes/twentyten/style.css
    
    and this will be full css code
    
    #access li:hover > a, #access ul ul *:hover > a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FF6600;
    text-decoration: underline;
    }
    
    
    
    
    

  • 05/26/12 2:33pm
    
    Arnav Joy says:

    if you like to have it above the menu
    then use following at same place
    #access li:hover > a, #access ul ul :hover > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #FF6600;
    color: #FF6600;
    line-height: 20px;
    margin-top: 8px;
    
    }

  • 05/26/12 2:44pm
    
    Arnav Joy says:

    you can also check this
    
    
    delete all the css of this line
    
    #access li:hover > a, #access ul ul *:hover > a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FF6600;
    text-decoration: underline;
    }
    
    in place of it write following
    
    
    #access ul li a:hover{
    background: #fff;
    color: #FF6600;
    border-top:1px solid #ff6600;
    line-height: 20px;
    margin-top: 8px;
    }
    
    
    
    #access ul li > ul li a:hover{
    background: #fff;
    color: #FF6600;
    border-top: 0 !important;
    line-height: 15px !important;
    margin-top:0 !important;
    }

  • 05/27/12 5:32am
    
    Jackson Yang says:

    You almost have it, the home page is good now, but there is something wrong with the inner page, the inner page's orange line needs to be on top instead of about menu, the orange line hover needs to be right under the blue thin line.

  • 05/27/12 5:34am
    
    Jackson Yang says:

    Here is the image of what it should looks like ( please see attachments ) and refer to this url to see the difference:
    
    http://housereal.net/contact/
    
    and check the image that I attached

    Attached Image

  • 05/27/12 5:49am
    
    Jackson Yang says:

    And when the mouse moves down to the sub-page, the orange line shouldn't be there, right now when I move the mouse down to the subpage, there is orange line, that needs to be removed, the orange line only needs to be on very top right below the thin blue line for all pages.
    
    Hope this is more clear
    
    refering url : http://housereal.net/
    
    move the mouse down to sub page, you will understand ~
    
    I had attached another image to show u the subpage's orange line
    
    Thanks in advance guys, very much appreciated !
    
    

    Attached Image

• 
  Last edited:
  05/26/12
  2:39pm
  Daniel Yoen says:

  go to style.css at line 433
  
  #access li:hover > a, #access ul ul :hover > a {
  background: white;
  color: #F60;
  }
  
  place it below
  
  #access li:hover > a{
  border-top: 3px solid #F60;
  margin-top:-3px;
  }
  

  Previous versions of this answer: 05/26/12 at 2:27pm | 05/26/12 at 2:37pm | 05/26/12 at 2:39pm

  • 05/27/12 5:50am
    
    Jackson Yang says:

    Almost worked !
    
    when the mouse moves down to the sub-page, the orange line shouldn't be there, right now when I move the mouse down to the subpage, there is orange line, that needs to be removed, the orange line only needs to be on very top right below the thin blue line for all pages.
    
    Hope this is more clear
    
    refering url : http://housereal.net/
    
    move the mouse down to sub page, you will understand ~
    
    I had attached another image to show u the subpage's orange line
    
    Thanks in advance guys, very much appreciated !

    Attached Image

  • 05/27/12 5:55am
    
    Daniel Yoen says:

    Try :
    
    #access li:hover > a{
    border-top: 3px solid #F60;
    margin-top:-3px;
    }
    
    #access ul ul :hover > a{
    border-top: none;
    margin-top:0;
    }
    
    hope this help

  • 05/27/12 6:14am
    
    Jackson Yang says:

    Wooyoo, almost almost, I had attached a image on the inner page, if you go to the inner page, you will see the orange line right on top of the menu, instead of below the blue line, the image I attached is what I need it to be, so if you go to my testing page, and check the image I attached, you will see what I mean :
    
    this is the current version url: http://housereal.net/contact/
    
    and the image is what i want for all the inner page looks like ~
    
    Thanks very very much for your help !

    Attached Image

  • 05/27/12 6:26am
    
    Daniel Yoen says:

    go to style.css line 895
    
    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
    background: #1255A3;
    color: white;
    }
    
    replace with :
    
    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
    background: #1255A3;
    border-top:3px solid #1255A3;
    color: white;
    }
    
    and my code before :
    
    #access li:hover > a{
    border-top: 3px solid #F60;
    margin-top:-3px;
    }
    
    #access ul ul :hover > a{
    border-top: none;
    margin-top:0;
    }
    
    replace with :
    
    #access li:hover > a{
    border-top: 3px solid #F60;
    }
    
    #access ul ul :hover > a{
    border-top: none;
    }
    
    hope this help :)

  • 05/27/12 6:28am
    
    Daniel Yoen says:

    you change the layout, it makes me confused. lol
    
    Daniel

  • 05/27/12 6:39am
    
    Jackson Yang says:

    do u have skype ? should be faster this way or gtalk ?
    
    skype-jackson919, please add me

• 
  Last edited:
  05/26/12
  2:39pm
  AdamGold says:

  Please add somewhere in your CSS file (style.css):
  

  
  
  #access li:hover > a, #access ul ul *:hover > a {
  
  border-top: 3px solid #FF6600;
  
  }
  
  

  Previous versions of this answer: 05/26/12 at 2:39pm

  • 05/27/12 5:54am
    
    Jackson Yang says:

    Same issue at I metioned before, orange line appear at subpage which that needs to be removed, only on top right below the thin blue line, all across the site, inner page as well, I had also tested yours as well ^^
    
    

  • 05/27/12 10:01am
    
    AdamGold says:

    Can you re-explain please? Can't see what's wrong.

• 
  Last edited:
  05/27/12
  1:06am
  Jatin Soni says:

  Here is easy solution (to see result see attached image)
  
  Open your header.php file and find below code
  

  <div id="header">

  
  
  Now you will see there is one div below header div something like
  

  <div style="background:#fff>

  
  
  Now if you want quick solution you can directly assign border to that div as it has already inline style (i believe its not adding by javascript and already there) if you want to add inline style than replace
  

  <div style="background:#fff>

  
  with
  

  <div style="background:#fff; border-bottom:4px solid #ED4C1C>

  
  and all done. You can change border width and color as per your choice.
  
  If you want to create class for it than assign class to that div and create class into style.css with the same property for border. something like below
  

  <div class="header-bottom>

  
  
  

  .header-bottom{
  
  background:#fff;
  
  border-bottom: 4px solid #EC4C1C;
  
  }

  View Attachment

  Previous versions of this answer: 05/27/12 at 1:06am | 05/27/12 at 1:06am

This question has expired.

Francisco Javier Carazo Gil, Jackson Yang voted on this question.

Current status of this question: Completed

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.