XF 1.4 Loginbar to center

[DistortedDorian]

Hello there,
I am trying to move the Loginbar to the middle of the screen but whichever code I try to use in EXTRA.css no effect is given.

#loginBar #loginBarHandle a
{
margin-right: 0 !important;
right: 45% !important;
}

I am not quite sure why this doesn't work, F12 console shows these CSS IDs as the correct ones although nothing changes, any suggestions?

 

[TJA]

Try

#loginBar #loginBarHandle {
margin-right: 0;
right: 50%;
}

May need to use !important

 

[DistortedDorian]

Try

#loginBar #loginBarHandle {
margin-right: 0;
right: 50%;
}

May need to use !important

I tried it, no change. Thanks anyway.

 

[TJA]

I tried it, no change. Thanks anyway.

#loginBar #loginBarHandle {
margin-right: 0 !important;
right: 50% !important;
}

This definitely works on the default style. Just tested on my dev board

 

[TJA]

You can even drop #loginBar and just have

#loginBarHandle {
margin-right: 0 !important;
right: 50% !important;
}

 

[DistortedDorian]

#loginBar #loginBarHandle {
margin-right: 0 !important;
right: 50% !important;
}

This definitely works on the default style. Just tested on my dev board

View attachment 109481

You can even drop #loginBar and just have

#loginBarHandle {
margin-right: 0 !important;
right: 50% !important;
}

Not moving at all!
Perhaps I need to apply the modification directly into the template?