Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #374990

    Hello,

    I got a small problem in making the menu colours how i want them:

    1. When nothing is selected i want to have the text white and the background blue.

    2.Then if i hover on them i want to have red text on white background.

    3.When a menu is selected i want to have red text on white background.

    4.When the menu is selected i don’t want to have the submenus looking like selected , i wanted them to look like the second picture.

    5.And when i have selected one of the submenus i want the menu of the select item to be white background with red text.Just like in this picture.

    I’ve done some of them as you can see from the picture i uploaded, but i still have some problems.

    #375043

    Hi Remus!

    Please go to Enfold theme options > Advanced Styling tab and edit “Main menu links”. Please do not forget to add the element twice and check “Apply only to mouse hover state” on the one for the hover state
    Regards,
    Yigit

    #375077
    This reply has been marked as private.
    #375085
    This reply has been marked as private.
    #375469
    #375581

    Hey Andy ,

    I look at that and it’s something that i want , but now my problem is that when i select something in the submenu , the menu item that i selected the submenu dosen’t stay selected , is there any way to do that ?

    More exactly i want it like this:
    https://www.dropbox.com/s/cgiekjaiqr4aoqm/Screenshot%202015-01-06%2010.09.52.png?dl=0

    #375999

    Hey!

    You need to set the page hierarchy. Please give us a link to the actual website. We would like to check it.

    Regards,
    Ismael

    #376055
    This reply has been marked as private.
    #376619

    Hey!

    Well, in that case you can’t use page hierarchies(http://en.support.wordpress.com/pages/page-attributes/). Try to use this on Quick CSS:

    .current-menu-ancestor > a {
    color: orange !important;
    }

    Regards,
    Ismael

    #376689

    Hey!

    Thanks for the info about page-attibutes, but the css its not doing anything :(.

    Best regards,
    Remus

    #376880

    Hey!

    Please add following code to Quick CSS

    .current-menu-parent > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    }
    .current-menu-parent > a {
    background-color: white;
    color: orange!important;
    }

    Best regards,
    Yigit

    #377311

    Hello again,

    Thank you Yigit for the help , it actually now make the menu white if i have something selected in the submenu , but it seems that is hiding the name of the menu.

    Best regards,
    Remus

    #377381

    Hey!

    Please use the code as following

    .current-menu-parent > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    }
    .current-menu-parent > a {
    background-color: white; 
    }
    .current-menu-parent > a > .avia-menu-text {
    color: orange!important;
    }

    If that too does not work, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    #378690

    Hey Yigit,

    Thank you for all the help , now it works.

    Have a nice day.

    Best regards,
    Remus

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Menu Colours’ is closed to new replies.