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 Well-Known Member

    You can use either if the both work.
     

Share This Page