Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 9, 2016 at 4:34 pm #645543
    Pic90

    Hello i have a question,
    i want to create a menù with different color, see this link, http://www.jollyrogerfregene.it/.
    The background color for home, reservation, etc it will be different, its possible?

    Thanks!

    June 9, 2016 at 4:47 pm #645551
    Yigit

    Hey Pic90!

    Yes, that is possible but please firstly go to Appearance > Menus and create a new menu and add your menu items in there and then check “Enfold main menu” under Menu settings

    Cheers!
    Yigit

    June 9, 2016 at 4:49 pm #645553
    Pic90

    So the background color for home it will be red, background color for reservation could be blu, and other white, yellow ?
    Its possible?

    June 9, 2016 at 5:06 pm #645569
    Pic90

    li#menu-item-3272 > a > .avia-menu-text {
    av-menu-button: blue!important;
    background-color: blue!important;
    border

    i found this on internet its possiblem to use it?

    June 9, 2016 at 5:46 pm #645593
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .menu.av-main-nav li:nth-child(1) {	background:red!important; }
.menu.av-main-nav li:nth-child(2) {	background:gold!important; }
.menu.av-main-nav li:nth-child(3) {	background:green!important; }
.menu.av-main-nav li:nth-child(4) {	background:pink!important; }
.menu.av-main-nav li:nth-child(5) {	background:grey!important; padding-right:15px }

    Best regards,
    Vinay

    June 9, 2016 at 5:48 pm #645594
    Pic90

    Ok, last question, its possibile to use the color in this way #(colornumber) instead name?

    June 9, 2016 at 6:32 pm #645630
    Pic90

    it doesn’t work, where i put the item menu?

    June 10, 2016 at 12:32 am #645869
    Vinay

    Hi,

    To use the color value check http://www.color-hex.com/random.php or add your own. just replace word “gold” with “#F3E81D” .

    The code is tested and it works please add it in Quick CSS section under Enfold > General Styling.

    Thank you for using Enfold.

    Best regards,
    Vinay

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