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

XF 1.2 looking for correct CSS to style #loginbar label

Discussion in 'Styling and Customization Questions' started by TsinJu, Dec 1, 2013.

  1. TsinJu

    TsinJu Well-Known Member

    I want to do some restyling to xenforo´s login Slider
    I am trying to restyle this Radio Buttons.
    radio.jpg

    After i get it not working with PHP, because of less knowing about it ;), i came up with the Idea to make the label´s a button.
    Which looks in an very early stage, like that
    radio_new.jpg

    Hover Effects will be added, matching colors etc...
    Problem i have is whats the correct CSS to use?

    To hide the radio buttons just inside the Slider i use
    Code:
    #loginBar input[type="radio"] {
        display: none;
    }
    To get spacing, bg-colors etc., i found this 2 css classes...
    Code:
    #loginBar .xenForm .ctrlUnit > dd > * > li > label {  }
    and
    Code:
    #loginBar .ctrlUnit > dd > * > li > label {  }
    Both are working.
    But what´s the correct one, for the Login Slider, or am i completely wrong and someone who knows more about CSS can give me some advice?
     
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    You can use either if the both work.
     

Share This Page