• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Loginbar to center

#1
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.
Code:
#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

Well-known member
#5
You can even drop #loginBar and just have
Code:
#loginBarHandle {
margin-right: 0 !important;
right: 50% !important;
}
 
#6
Code:
#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
Code:
#loginBarHandle {
margin-right: 0 !important;
right: 50% !important;
}
Not moving at all!
Perhaps I need to apply the modification directly into the template?