Docs

[JP]

hi

I need to edit the CSS for the uber menu

I know the submit button is .ubermenu-search-submit

what is the name for the search field?

and how can i find these myself?

(See screenshot)

thanks!

[Jade]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[JP]

myeternalbeauty.com

thanks

[Paul R]

Hi,

You can use this class.

.ubermenu-search-input

You can find it by inspecting element. Right click in Chrome then select Inspect.

Thanks

[JP]

thanks

i managed to change the radius but the height and font change?

‘
.ubermenu-search-input {
border: 1px solid;
border-radius: 5px;
font-size: 10px;
font-family: monospace;
}
‘

how do i change these? thanks a lot!

[Friech]

Hi There,

Lets make the selector more specific. Please update the code to this.

body .ubermenu-search .ubermenu-search-input {
	border: 1px solid;
	border-radius: 5px;
	font-size: 10px;
	font-family: monospace;
}

Hope it helps, Cheers!

[JP]

thanks – definitely getting there

now I need to horizontally line up thr input and button elements

the button is always out of line

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.ubermenu-search form {
     margin-top: 5px;
}
body .ubermenu-search .ubermenu-search-input {
margin-top: 4px;
}

Hope that helps

Joao

[Author]

Posts