Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   Show 1 post above 3 columns on home page using multi column/custom query template (http://forum.bytesforall.com/showthread.php?t=18481)

ljdj Sep 26, 2012 05:40 AM

Show 1 post above 3 columns on home page using multi column/custom query template
 
1 Attachment(s)
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!

juggledad Sep 26, 2012 06:30 AM

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

ljdj Sep 26, 2012 07:31 AM

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

juggledad Sep 26, 2012 07:39 AM

do it via css like
HTML Code:

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

also see TEMPLATE: Multi Column/Custom Query

Dick Sep 30, 2012 05:58 PM

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

juggledad Sep 30, 2012 06:58 PM

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


All times are GMT -6. The time now is 03:08 AM.

Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.