Menu text color differenciation

  • Unknown's avatar
    angeltacosfortuna16400 · Member ·

    Hi,
    I’m trying to change to color of the text and background on the main menu, I’ve pretty much managed to get what I wanted, but I still have some problems.
    Here’s what I have written in the “custom css” box : 

    .main-navigation a:hover {
	color: #D13476;
}

.main-navigation li li {
    background-color: #d13a79;
}

.main-navigation li li:hover {
    background-color: #ffffff;
}

.main-navigation li li a:hover {
	color: #D13476;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
	color: #ffffff;
}

    Thing is, I do not know how to differenciate the color for the current page on the actual menu and the one on a page from the dropdown menu. The original color for the main menu bar suits me well, dark grayish, but it doesn’t fit on the dropdown menu because well with a pink background it just hurts my eyes, I want it to be white, but I can’t find a way to change the parameter only for the dropdown menu, I’ve tried several things but it changes color for both.
    It also goes for the color of the text on the current page when hovered, can’t find a way to change its color, white on white doesn’t work.
    Sorry I’m bad at explaining, here are some pictures :
    https://www.pixenli.com/image/cvEAQ-56 the current page on the dropdown menu has the right color
    https://www.pixenli.com/image/3LEm1lMq but it’s also the same on the main bar, which I’d like to be different
    https://www.pixenli.com/image/FbFj5uR5 when I hover above the current page in the dropdown menu, I can’t find a way to change its color.

    I’m pretty sure the answer is not complicated but I can’t seem to find it…
    Also is it possible do make it so the additionnal CSS I write doesn’t affect the mobile version ? I like it on my computer but it kinda sucks on mobile… Thanks !

  • bizanimesh · Staff ·

    Hi there,

    Thanks for reaching out! I’d be more than happy to help you.

    Before I dive into it, could you please provide me your website URL?

  • The topic ‘Menu text color differenciation’ is closed to new replies.