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

How do I show my page into two columns

Discussion in 'Styling and Customization Questions' started by Ccriminal, Mar 14, 2012.

  1. Ccriminal

    Ccriminal Member

    How can we do as in the picture

    hopefully I did not open this topic in the wrong place :))

    erich37 likes this.
  2. Morgain

    Morgain Well-Known Member

    Can you say which page on your site you want to split?
    You need to edit the template as a basic solution
    There are better ways but this is the simplest quick fix. So we need to know which page/ template to look at.

    Also yes your pic would be helpful if you upload it. See the Upload a file button under where you reply - and you have to select Thumbnail OR Full Size (buttons beside the pic after you upload it)
    Ccriminal likes this.
  3. ArnyVee

    ArnyVee Well-Known Member

    Having the Forums on the forum home page in columns is a great thing :)

    Has anyone been able to achieve this as of yet?
    Ccriminal likes this.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Add this to EXTRA.css:

    .node .nodeText {
    margin-right: 0 !important;
    .node .nodeLastPost,
    .node .tinyIcon {
    display: none !important;
    .node .forum.level_2,
    .node .page.level_2,
    .node .category_forum.level_2 {
    width: 49%;
    float: left;
    min-height: 70px;
    .nodeList .node.level_1 {
    clear: both;
    The CSS will need to be adapted to suit, this may mean adding other node types, changing the min-height, etc.
    Further tweaks can be made in Style Properties.

    The result of the above simple code is as follows:

  5. ArnyVee

    ArnyVee Well-Known Member

    Works perfectly Brogan! Thank you :D
    Ccriminal likes this.
  6. Dynamic

    Dynamic Well-Known Member

    Is there a way to do that, and under the forum statistics show the last thread updated, the user, and the time?
    Ccriminal likes this.
  7. Dynamic

    Dynamic Well-Known Member

    Okay, I think I did it wrong. Got it working fine on the browser. On mobile devices it does not work.
    erich37 and Ccriminal like this.
  8. Ccriminal

    Ccriminal Member

    Thank you very much was very good
  9. bogus

    bogus Guest

    How can i get this working for just one forum, e.g. www....../forum/wiki.187

    Tried a few things but cant get it working
  10. erich37

    erich37 Well-Known Member

    hmmm... I just tried Brogan's code but somehow the blue border around the nodes is cut off. The border is showing around the first Category-Nodes, but is not displayed around the second category-nodes.

    Would be cool to also display the info for the "Latest post" and RSS-image.
    So literally the same thing as the default, but just 2 columns.

    would be great if someone could give us a further hint of how to achieve this.

    Many thanks!
  11. Matthew2D

    Matthew2D Well-Known Member

    How do you show latest posts below each forum?
    erich37 likes this.
  12. Divvens

    Divvens Well-Known Member

    Ok I'm having a smallll problem with this :p
    My last forum category has 1 visible forum and 2 staff forums, for staff it looks like the image below and for normal members it looks like the 2nd image. Anyway I can fix this? I want to show the forums in two columns since it looks great for the skin I'm working on.


  13. Brendon Meynell

    Brendon Meynell Active Member

    does anyone know a way of getting this split for a certain node
    Alien and erich37 like this.
  14. bogus

    bogus Guest

    that was my question too. But looks like no one knows...
  15. DRE

    DRE Well-Known Member

    Looks nice.
  16. Dynamic

    Dynamic Well-Known Member

    How is it possible to get the .node .nodeLastPost and .node .tinyIcon to display directly under the node title?
  17. Brent W

    Brent W Well-Known Member

  18. Cryptaline

    Cryptaline Active Member

    lil bump for this question
  19. Ha Vu

    Ha Vu Member

    When I have link category :(
    Screen Shot 2012-10-16 at 12.00.06 PM.png
    How to fix this :(
  20. kkm323

    kkm323 Well-Known Member

    Is it possible to include the latest thread underneath the forum?

Share This Page