How do I show my page into two columns

Hi I get the display broken in safari with the code below.Screen Shot 2013-08-10 at 13.52.10.webp
Code:
.node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost, .node .tinyIcon {
    left: 20px;
    position: relative !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;
}

.node.category {
    min-height: 95px;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: auto;
float: none;
min-height: 0;
}
}
.node .nodeControls {
display: none;
}

I'd like to have the nodeLastPost on the right like the pic below but don't know how, can anyone help?
Screen Shot 2013-08-10 at 13.59.21.webp
 
Last edited:
Add this to EXTRA.css:

Code:
.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:

View attachment 27746
Work but :p

Screenshot_1.webp

An idea ?
 
Just tried this but it looks messy....
Screenshot 2013-10-01 19.13.33.webp

Any ideas on tidying it up? a bit lost. my code is:
Code:
 .node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost,
.node .tinyIcon {
position: relative !important;
}

.node .nodeControls {
    right: 295px !important;
    top: 42px !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;
}
 
Back
Top Bottom