Custom CSS for just one MENU ITEM

peterlum · May 2015

Hi

I am using BeTheme. How do i set a custom CSS for just one menu item?

http://nwa/home/management/

I want the menu item 'TECHNICAL SUPPORT' to be BOLD ad RED in color.

What would I do that?

Thank you.

Albert · May 2015

Hi,

to do "Technical support" item bold and red, please use below css:

#Top_bar .menu > li#menu-item-1290 a span { font-weight: bold; color: red; }

peterlum · May 2015

i put this code under CustomCSS and JS.

Doesn't work.

peterlum · May 2015

Sorry, my bad. It works

Albert · May 2015

Probably you did something wrong. As we see, font is bold now but color is not red because you setup wrong color. What is 'F00'? Color should be used in hex format, like: #FFFFFF

jamosweb · February 2017

Hello,
I made two-line Menu items for some items but not for all, therefore adjusted the bottom padding for others with the following codes

#Top_bar .menu > li#menu-item-3469 a span:not(.description) {padding-bottom: 30px !important;}
#Top_bar .menu > li#menu-item-3512 a span:not(.description) {padding-bottom: 30px !important;}

now the submenu-items also adopted these bottom paddings. want that the bottom paddings stay 10px. thanks for your reply.

http://preview-web01.156695.aweb.preview-site.ch/de/portrait/

Albert · February 2017

@jamosweb To remove bottom padding from sub-menu items, you need to use the following css:

#Header #Top_bar .menu > li ul.sub-menu a span:not(.description) {
    padding-bottom: 0 !important;
}

tiologo · February 2017

hello

i want to made menu items is background transparent. how made to custom css?

Bryan · February 2017

@tologo

Please send us alink to your page.

addicta · September 2017

Hi

I am using BeTheme to. How do i set a custom CSS for just one menu item on the Action Bar ?

I want the menu item on the Action Bar 'CURSO DE FORMACÓN' to have this round capsule around as the default Button Style or the ACTION BUTTON

How can I do that?

Thank you.

Bryan · September 2017

Hello,
this css will target only that menu item

#Action_bar .social-menu li {
	
}

addicta · September 2017

Perfect Mr. Muffing

It works like a charm!

Thank you very much for your support

Bryan · September 2017

No problem

Custom CSS for just one MENU ITEM

Comments