some questions about menu

cers-residences · November 2016

hi,

1 - I want change color background and color text in one element of menu

i have follow another discussion and i have created some class

.bleu { background-color: #018ECC !important;

color: #FFFFFF !important;}

.bleu:hover{ background-color: #FFFFFF !important;}

i put this class in apparence / menu .

It's ok for the background color, and the hover but text aren't change ??

it keep the color txt and hover txt put in the theme options color

In theme options, i have custom color. i don't explain this !

Have you a idea why the text aren't change ?

2 - how can i put some space between element of menu.

i want like this Home<--- 15 px----> about<---- 15 px----> contact

My menu have red background for example i want some block (menu element) and between just the color of background image of the website or the color of my background menu.

Thanks for all

Albert · November 2016

Hi,

please send us link to page/s where you would like to do above changes first so we can have a look on it and give you best possible solution.

Thanks!

cers-residences · November 2016

http://www.leshautsdevalmeinier.fr:8080/

and the second question was for trying if i want put space between menu.

Albert · November 2016

Ok, thanks.

1. To change text color for the individual item, in this case "Réserver", you need to use the following css:

#Top_bar .menu > li.bleu > a { color: #FFF; }
#Top_bar .menu > li.bleu:hover > a { color: #000; }

2. Current distance between menu items is 20px but if you want to increase it, please use the following css:

#Top_bar .menu > li > a span:not(.description) { padding: 0 30px !important; }

cers-residences · November 2016

answer 1 : perfect ..very nice

for the 2 , it's not that i imagine

before:

and after

some space between element menu but with conserve background color

thanks

alice-dc · November 2016

Hello Muffingroup,

Thank you to solve (also) my problem about distance between menu items.

I take advantage of this subject about the menu to ask you another question:

How do I move my menu items more in the center (still splitted around the logo)?

For now, it looks like this:

Thank you!

Albert · November 2016

@cers-residences Sorry but we do not have any option or solution to make menu the way you described above.

@alice-dc Please send us link to page where you would like to decrease this space.

alice-dc · November 2016

@muffingroup Here is the like to the website: http://tell-demo.com/

But I would like to decrease this space at every page because it's the menu

Albert · November 2016

@alice-dc Ok, so to move menu items closer to the logo, please use the following css:

.header-split #Header .top_bar_left .logo {
    left: 43%;
    width: 14%;
}

.header-split #Header .top_bar_left .menu_left {
    text-align: right;
    width: 43%;
}

.header-split #Header .top_bar_left .menu_right {
    text-align: left;
    width: 43%;
}

alice-dc · November 2016

Yes, it works!

Thank you for your quick answer (and your flexible and neat theme)!!

Albert · November 2016

You are welcome @alice-dc

We're glad that we could be helpful.

some questions about menu

Comments