Home Page MENU BAR Help !

Discussion in 'ColorWay WordPress Theme' started by coastalbliss, May 26, 2013.

  1. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Hello !

    I have several questions regarding the "menu bar" on my front page? My website is http://69.195.124.66/~coastaz9/

    1. Can I change the font used in the menu bar ? I've read several posts about first having to remove some code in "j" template or something but i cant find the j's.

    2. I want my menu bar background to be white and the text to be black and to not highlight when scrolled over. Currently the background is white, and text black but when you hover over a menu page (ex: Gallery) everything is white and it blanks out the text! also the drop down menu background highlights to black. All I want is white background, black font and no highlight when hovering over. Please help

    3. I was able to edit the color of the two little lines above hte menu bar to mint green but how can I change the line below the slider to match that mint green from above the menu bar?


    Thank you !
     

    Attached Files:

  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    1)
    Code:
    #menu .ddsmoothmenu li {
    font-family: your font family;
    }
    
    2, 3)
    Code:
    #menu li a:hover {
    color: #000;
    background:none;
    }
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    color: #000;
    background: none;
    }
    #menu li.current-menu-item a:hover{
    color: #000;
    background: none;
    }
     
    .slider-container {
    border-bottom: 3px double #c3e9de!important;
    }
     
  3. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Thank you Nitesh!

    1. I was able to change the font of the menu bar, I love it! Is there a way to change the font throughout the whole website now to helvetica like my menu bar font ?

    2. The menu bar background changed to white as I wanted, the only one issue now is if you scroll over "Gallery" which has a drop down menu, the text "Gallery" blanks out to white so you can't read it, and then the drop down menu is still black with white font. I want the background of everything white, with black font, even on the drop down, so that the drop down matches the rest of the menu which is white background and black font with no highlights. http://69.195.124.66/~coastaz9/

    Thank you!!!!!!
     

    Attached Files:

  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    1) To change font of paragraph text
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    p{font-family:symbol!important;}
    blockquote {font-family:symbol;}

    To change heading font first you need to remove cufon.
    For it Go to the
    Theme directory > Js > Custom.js and remove code shown in image.

    [​IMG]

    After that Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    h1, h2, h3, h4, h5, h6{font-family:symbol!important;}

    Note: Add your font family in place of "symbol".

    2) Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected, #menu li.current_page_item a {
    color: black;}
    #menu .ddsmoothmenu li li a {color:black;}
    #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
    color: #000;
    background: none;}
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color: black;;}
    #menu .ddsmoothmenu li li {
    background: none;}
     
  5. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Hi Nitesh! Thank you for your response.

    I'm still having issues with the menu bar background, I copied the code above, now when I hover over the drop down menu of "Gallery" there is no background color at all on the title of the drop down menu, the background is see through and just the black text is showing up with no background color. Can I get a code so that the menu background color and background of the drop down menu are both white, (not see through) with black font. Also the background of the HOME menu tab is still black? here is my site http://69.195.124.66/~coastaz9/

    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu

    Also, as far as changing the overall font of the site, can you please direct me as to where I can find my themes directory and j's? I'm not sure where that is located within wordpress.

    Thank you so much !!
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    1). Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    background: white;
    }
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    background: white;
    }
    2). You will not get js directory in your dashboard.
    You can edit custom.js file through FTP.
    Open your Theme directory (through FTP) > js directory > custom.js
    Download custom.js file from there, Edit it, Then again upload it at the same place.
     
  7. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Hi Piyush-

    I pasted that code, the drop down menu now has a white background as I desired, but the text does not appear for the drop down options, everything is white now. Any ideas on how to get the text to show up black? and keep the background white ? Please Scroll over "GALLERY" to see what I'm talking about http://69.195.124.66/~coastaz9/

    Thank you!
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    background: white;
    color: black;
    }
     
  9. coastalbliss

    coastalbliss New Member

    Joined:
    Mar 16, 2013
    Messages:
    21
    Likes Received:
    0
    Woo that fixed the problem of the drop down menus, it is now white background with black text! woo !
    thank you:)

    I do still have an issue with......
    Is there any codes though that will fix this, the titles/headings of the pages in my menu (ex: HOME, GALLERY, CONTACT etc) when I scroll over those, they turn all white so you can't read the text anymore of what page it is when you're mouse is over it, is there anyway I can just leave that normal with white background and black text so it doesn't turn all white when it's scrolled over? Hover over the page titles here and see that they blank out
    http://69.195.124.66/~coastaz9/



    Thanks !
     
  10. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Could you please send us your dashboard details.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
     
  11. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107

Share This Page