1. 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

Discussion in 'Styling and Customization Questions' started by DistortedDorian, Jun 26, 2015.

  1. DistortedDorian

    DistortedDorian Active Member

    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?
     
  2. TJA

    TJA Well-Known Member

    Try
    Code:
    #loginBar #loginBarHandle {
    margin-right: 0;
    right: 50%;
    }
    May need to use !important
     
  3. DistortedDorian

    DistortedDorian Active Member

    I tried it, no change. Thanks anyway.
     
  4. TJA

    TJA Well-Known Member

    Code:
    #loginBar #loginBarHandle {
    margin-right: 0 !important;
    right: 50% !important;
    }
    This definitely works on the default style. Just tested on my dev board

    upload_2015-6-26_23-46-29.png
     
  5. TJA

    TJA Well-Known Member

    You can even drop #loginBar and just have
    Code:
    #loginBarHandle {
    margin-right: 0 !important;
    right: 50% !important;
    }
     
  6. DistortedDorian

    DistortedDorian Active Member

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

Share This Page