Direct URL in top menu

Hello @tsadow,

I suppose that you didn’t create your own menus and currently there is default fallback menu. If yes, then you have to create a new menu with desired menu items and assign it to Top Menu location.

You can check this WordPress Codex page for more information:
https://codex.www.ads-software.com/WordPress_Menu_User_Guide

Kind Regards, Roman.

Yeah, that’s it! Thanks a lot man!

I have one more question.

Is this possible to change the background colour of one button in top menu?

I want to change backgroud of “Lifehaki” button to something more eye-catching. But only on this button.

URL to site where the button is: https://ciekawostkiswiata.pl/

Hello @tsadow,

You can try to use the following CSS code. You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

#menu-item-724 {
    background-color: yellow;
}

Kind Regards, Roman.

Unfortunately this does not work. Nothing has happend after paste this to CSS.

Hello @tsadow,

I have just tried to apply that code on your website using browser tools once again and it worked. Please try to clear your browser cache after adding the code.

Kind Regards, Roman.

Hello again Roman

I did everything you wrote. Code is still on https://www.lifehacki.ciekawostkiswiata.pl – you can check yourself. No yellow on the site ;/

https://iv.pl/images/48987409253725085819.png

Hello @tsadow,

I don’t see LIFEHACKI menu item on that website at all.

Kind Regards, Roman.

Ahh, you’re right. I understand my mistake now.

Offcourse this css works on https://www.ciekawostkiswiata.pl

How can i check what number of menu item have “Artyku?y” button on https://www.lifehacki.ciekawostkiswiata.pl ? I want to make it same as “Lifehacki” button.

Hello @tsadow,

You can find the id of an element by doing a right-click on it, select Inspect Element and find something like this:

<div id="pg-220-1" class="panel-grid"... – in this case, pg-220-1 is the id of a div element.

Artyku?y menu item has #menu-item-145 ID.

Kind Regards, Roman.

Thanks Roman!

Everything is clear now.

Roman

One more question. How can i change font color to white?

I have already tried:

#menu-item-145{
color: white;
background-color: red;
}

and

#menu-item-145{
font-color: white;
background-color: red;
}

but these functions did not work.

Hello @tsadow,

You can try this:

#menu-item-145 a {
    color: white !important;
    background-color: red;
}

Kind Regards, Roman.

Yeah, your code works as always. Thanks!

Great! You are welcome @tsadow! ??

Kind Regards, Roman.