Shape 5

Template - MaxedMag
Try as I might I cannot get the category block to display in 2 columns 'across'.

I have:

# Leading Articles    2 (Have tried 0)
# Intro Articles   2 (Have tried 0)
# Columns 2
# Links   4
Multi Column Order    - Across

I have this set in the global config and have left everything for the menu item set to global.

They just keep lining up one below the other.  Is there something missing in the code with this template. 

Thanks

Hello,

The Menu Item has the highest priority for settings so you would want to adjust it there instead.

-Mike

I have done this too, and with many different settings but it just doesn't change from the blog layout showing vertical, one below the other.

Shouldn't this be working to make two standard columns on the page?

# Leading Articles    2 (Have tried 0)
# Intro Articles   2 (Have tried 0)
# Columns 2
# Links   4
Multi Column Order    - Across

Hello,

If you PM me back end Super User I can take a look for you.

-Mike

Will do once I get it live.  A server end issue is going on which is holding me up.

I am sending you now the log in credentials for this site via PM.  I will title it ZenonPark-MaxedMag
Hopefully you can figure out the 2 columns for the blog.

You can look at these 2 pages for example to see that it is showing up one below the other.

http://www.zenonpark.com/index.php/en/administration/municipal-council
http://www.zenonpark.com/index.php/en/administration/bylaws-and-notices

Thanks,

I will take a closer look and get back to you with a solution.

-Mike

I had the same problem updating a site from the Maxed Mag template for Joomla! 1.5 to 3.3.  I added the following code to the custom.css file and it fixed it.

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

Glad you got it sorted.