Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 30, 2014 at 1:43 pm #373083
    originaltours

    Hello Kresi,

    I’m not able to get my wish to work. I would like to change 1 menu-item in the main menu to have a small background image and a different color. I cannot seem to get this to work with CSS. Probably targeting the wrong CSS item. I’ve added the following to the Quick CSS box in my child theme settings:

    #menu-item-10192, #menu-item-10192 a {
background-image: url ("http://www.originaltours.nl/2014/wp-content/uploads/seizoensuitjes.jpg");
color: white;
}

    I’d like to target the “seizoensuitjes” nav item.

    Can you please advise? Thanks in advance.

    December 30, 2014 at 1:47 pm #373086
    Yigit

    Hey originaltours!

    Please use following code 

    #menu-item-10192, #menu-item-10192 a {
background-image: url(https://www.originaltours.nl/2014/wp-content/uploads/seizoensuitjes.jpg);
}
 #menu-item-10192 > a > .avia-menu-text { color: white !important; }

    Best regards,
    Yigit

    December 30, 2014 at 1:48 pm #373087
    originaltours

    Hmmm, found a part solution. The background image had a space. The correct code should be:

    #menu-item-10192, #menu-item-10192 a {
background-image: url("http://www.originaltours.nl/2014/wp-content/uploads/seizoensuitjes.jpg");
color: white;
}

    But still the text is coloured black. I would like this to be white. Please advise.

    December 30, 2014 at 1:53 pm #373090
    Yigit

    Hey!

    Please see – https://kriesi.at/support/topic/background-image-behind-1-nav-item/#post-373086 :)

    Cheers!
    Yigit

    December 30, 2014 at 2:43 pm #373108
    originaltours

    Thanks, works perfect. Except for the mobile menu. Any idea how to disable this for the mobile menu?

    Thanks….

    December 30, 2014 at 2:44 pm #373109
    Yigit

    Hey!

    Please change the code to following instead

    @media only screen and (min-width: 990px) {
#menu-item-10192, #menu-item-10192 a {
background-image: url(https://www.originaltours.nl/2014/wp-content/uploads/seizoensuitjes.jpg);
}
 #menu-item-10192 > a > .avia-menu-text { color: white !important; }}

    Best regards,
    Yigit

    March 19, 2015 at 3:17 pm #414479
    originaltours

    Thanks!, Ticket can be closed

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Background image behind 1 nav item’ is closed to new replies.