Colour Navigation Menu (primary menu) for Login / Register BuTTon

Hi , I want to do in primary (navigation) menu a colour button like Basket button …
I will use it as Register / Login button…
I want to do Login/Register near the Basket button.
You can check my website to understand question. It Giriş/Kayıt button then it change Logout (ÇIKIŞ) button

If it is possible ???

Thank you so much!
Have a nice day!


You can change the “Giriş/Kayıt” link as button using the CSS code below:

.main-navigation li#menu-item-1266 a {
    color: white;
.main-navigation li#menu-item-1266 {
    background-color: black;
    border-radius: 6px;
    padding: 3px 10px;

You can use Custom CSS plugin to put the code in above.

For logout button, can you give the tester account? I need to login to your site and inspect the logout link directly.


Hi @awan ,

This is wonderfull work ! and super codes.

Thank you so much!
Have a nice day!