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

XF 1.2 All prefixes the same width?

Discussion in 'Styling and Customization Questions' started by JMEWLS, Nov 26, 2013.

  1. JMEWLS

    JMEWLS Active Member

    I can't seem to make them all a certain width.

    I've added width:100px; to the threadprefix.css. Tried to wrap the prefix in <span style="width:100px;">...

    Any ideas?
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Try:
    Code:
    .discussionListItem .prefix,
    .searchResult .prefix
    {
        width: 100px;
    }
     
    JMEWLS likes this.
  3. JMEWLS

    JMEWLS Active Member

    Still no change added the !important extension too. :/
     
  4. Shelley

    Shelley Well-Known Member

    Have you tried replacing what brogan gave you ".prefix" with your own class prefix names? The css brogan supplied works.

    Example my prefix class for one of the prefixes is ".BBtutorial so I inserted the following

    Code:
    .discussionListItem .BBTutorial,
    .searchResult .BBTutorial
    {
      width: 200px;
    }
    Screenshot_22.png
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Worked for me.

    On which page are you trying to set the widths?
     
  6. JMEWLS

    JMEWLS Active Member

    I've got a series of nba team prefixes on my website.
     
    Last edited: Nov 27, 2013
  7. JMEWLS

    JMEWLS Active Member

    Yes tried this also, didn't seem to work. :(
     
  8. Shelley

    Shelley Well-Known Member

    try

    Code:
    .discussionListItem .prefix, .searchResult .prefix {
    display: block;
    width: 100px;
    }
     
    JMEWLS likes this.
  9. Brogan

    Brogan XenForo Moderator Staff Member

    You've got some issues with your style - the avatars aren't displayed in the thread previews for example.
    Do you have any outdated templates?
     
    Shelley likes this.
  10. JMEWLS

    JMEWLS Active Member

    Width looks great, however the titles not next to the prefix now.
     
  11. JMEWLS

    JMEWLS Active Member

    I ended up coding in images instead of the avatars. No outdated templates on my side either.
     
  12. Shelley

    Shelley Well-Known Member

    replace "block" with "inline-block" that should correct it.
     
    JMEWLS likes this.
  13. JMEWLS

    JMEWLS Active Member

    Perfect, thanks for the support!
     
    Shelley likes this.

Share This Page