Show 1 post above 3 columns on home page using multi column/custom query template
 

Hi,

I'm a complete novice, but have been following the very helpful instructions in the following thread


http://forum.bytesforall.com/showthread.php?t=18385&highlight=posts+columns

attempting to set up my home page to have 4 columns, with one post at the top of the page spanning the three left hand columns.

Specifically, here is what I did:

I created a new page and named it Acceuil (this is French for “home”)
• Selected Juggledad’s … template
• Created custom fields:
o number_of_columns with value 3
o number_of_full_posts with value 1
o posts_above_the_column with value 1

On WP/Settings/Reading I selected
• A static page: Front page — Acceuil
• Blog pages show at most 1 post
• Syndication feeds show the most recent 1 item
• For each article … show Full text


However, the result is not what I wanted: The columns all start at the top of the page, and my post is squeezed in between the left inner and right inner columns instead of appearing at the top of the page above the left, left inner, and right inner columns. (See attached screen shot)

Must be some other settings I need to adjust. Any help with this would be greatly appreciated.

Thank you!

shut off the right and left inner sidebars. the template will work in the CENTER area - in your case it will first show one post, then show three posts under it in three columns.

You need to change the 'Blog pages show at most 1 post' to at least '4'

because your site is so narrow, the three columns would squish and look like it was one column

Brilliant! I hadn't understood that the template just applies to the center area.

Now I'm working on how to get the 3 columns to all have the same width. Is this possible? I've been playing around with post styling settings, but this doesn't seem to work.

Here is what my page looks like now:

http://coherenceparis.com/wp-content...8666136437.jpg

do it via css like
also see TEMPLATE: Multi Column/Custom Query

Please help, managed to get multiple columns working just need to know where to put the html to fix the width. Which or where is the css file to add the following code:

.mccq_column1 {width: 33%;}
.mccq_column2 {width: 33%;}
.mccq_column3 {width: 33%;}

Thanks

add teh CSS to ato->Add HTML/CSS Inserts->CSS Inserts