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

Threads/Posts in new column?

Discussion in 'Styling and Customization Questions' started by Amdac, Feb 25, 2012.

  1. Amdac

    Amdac Member

    I've been trying to figure this out for a while but can't seem to come up with a method that works. I'm trying to get the discussions/messages statistics in each forum node to be shown in it's own column like most forum software. I've tried putting all the content in a table but the last post info seems to always land before the table which doesn't make sense to me.
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    .nodeList .nodeStats
    {
    	float: right;
    	display: inline;
    	border-right: 1px solid @primaryLighterStill;
    	border-left: 1px solid @primaryLighterStill;
    	padding: 10px;
    }
    
    .nodeList .nodeTitle
    {
    	display: inline;
    }
    
    The result:

    Screen shot 2012-02-25 at 10.11.08 PM.png
     
  3. Amdac

    Amdac Member

    Hmm it's definitely heading in the right direction, it's just not lining up correctly because I have descriptions showing. I'll try playing around with your code.

    Thanks for the help. :D
     
  4. Amdac

    Amdac Member

    This is what I get using that code with descriptions showing:

    columns.jpg

    Any ideas? :(
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    You can do this:

    Code:
    .nodeList .nodeStats
    {
    	float: right;
    	display: inline;
    	border-right: 1px solid @primaryLighterStill;
    	border-left: 1px solid @primaryLighterStill;
    	padding: 10px;
    }
    
    .nodeList .nodeTitle,
    .nodeList .nodeDescription
    {
    	display: inline;
    }
    
    But then the description and title are on one line.
     
  6. Amdac

    Amdac Member

    Yeah I came up with that version too, just can't figure out how to get it to look normal.
     

Share This Page