How do i change a menu buttons background

[fatbuu]

so i have used this on the appearance > menu > custom link

Home

with this the background of the button is white, i was wondering how to change it, also how to change the text on it, with a little bit of css or anytihng else

thanks in advance

[jade]

Hi there,

You can add a class to the menu item that you want to customize and style it through CSS.

Assuming that the class you added to the menu item is style-me, then add this CSS in the global CSS:

.x-navbar .desktop .x-nav > li.style-me > a {
    background-color: #ccc;
    color: #000;
}

To change the text, you will have to edit the menu text settings like this:

<button name="startpagina" button="" type="button" style="outline: none;">NEW TEXT</button>

Hope this helps.

[fatbuu]

thanks alot, now ill have to figure what a “class” is, this is very new to me, thanks once again,

[jade]

You’re most welcome and good luck!

[fatbuu]

well i figured it out, but i totally did something else.

on the appearance > menu > custom url:

<span style="color: #FFFFFF;"><button class="black_bg" name="startpagina" type="button">Startpagina</button></span>

CSS:

.black_bg {
background-color: #000000;
color: white;
}

this worked perfectly, also a final question, how can i change the text inside the search bar which says “search” into something else, thanks in advance.

[paul.r]

Hi,

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.

Thank you.