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)
-   -   How to define column widths on multi column pages (http://forum.bytesforall.com/showthread.php?t=7123)

kaspar.wimberley May 15, 2010 04:45 AM

How to define column widths on multi column pages
 
Dear all,
How do I define the width of a column on multi-column layouts? They seem to have different widths on the page: http://www.susanne.treacletheatre.co...press/?paged=2
I don't mind if this is a flexible definition in % or a fixed px width, both are ok for now.
Should I do this in the theme options (loop), or in the index file?

Current index:

PHP Code:

   1.
      <?php /* get all options: */
   
2.
      
include (TEMPLATEPATH '/functions/bfa_get_options.php');
   
3.
      get_header
(); ?>
   4.
       
   5.
      <?php /* If there are any posts: */
   
6.
      
if (have_posts()) : $bfa_ata['postcount'] == 0/* Postcount needed for option "XX first posts full posts, rest excerpts" */ ?>
   7.
       
   8.
      <?php /* This outputs the next/previous post or page navigation.
   9.
      This can be edited at Atahualpa Theme Options -> Style & edit the Center column */
  
10.
      bfa_center_content
($bfa_ata['content_above_loop']); ?>
  11.
       
  12.
       
  13.
       
  14.
      <table cellpadding="0" cellspacing="0" border="0">
  15.
      <?php $column 1?>
  16.
      <?php // The LOOP. Do this for all posts:
  
17.
      
while (have_posts()) : the_post(); $postcount++; ?>
  18.
       
  19.
      <?php if ($column == 1) echo "<tr>"?>
  20.
       
  21.
      <td class="column<?php echo $col;?>" style="vertical-align: top">
  22.
       
  23.
       
  24.
       
  25.
       
  26.
      <?php /* Add Odd or Even post class so post containers can get alternating CSS style (optional) */
  
27.
      $odd_or_even 
= (($bfa_ata['postcount'] % 2) ? 'odd-post' 'even-post' ); ?>
  28.
       
  29.
      <?php /* This is the actual Wordpress LOOP.
  30.
      The output can be edited at Atahualpa Theme Options -> Style & edit the Center column */
  
31.
      bfa_center_content
($bfa_ata['content_inside_loop']); ?>
  32.
       
  33.
       
  34.
       
  35.
       
  36.
      </td>
  37.
       
  38.
      <?php if ($column == 2) echo "</tr>"; (($column==1) ? $column=$column=1); ?>
  39.
       
  40.
      <?php // END of the LOOP
  
41.
      
endwhile; ?>
  42.
      </table>
  43.
       
  44.
       
  45.
       
  46.
       
  47.
      <?php /* This outputs the next/previous post or page navigation and the comment template.
  48.
      This can be edited at Atahualpa Theme Options -> Style & edit the Center column */
  
49.
      bfa_center_content
($bfa_ata['content_below_loop']); ?>
  50.
       
  51.
      <?php /* END of: If there are any posts */
  
52.
      
else : /* If there are no posts: */ ?>
  53.
       
  54.
      <?php /* This outputs the "Not Found" content, if neither posts, pages nor attachments are available for the requested page.
  55.
      This can be edited at Atahualpa Theme Options -> Style & edit the Center column */
  
56.
      bfa_center_content
($bfa_ata['content_not_found']); ?>
  57.
       
  58.
      <?php endif; /* END of: If there are no posts */ ?>
  59.
       
  60.
      <?php bfa_center_content($bfa_ata['center_content_bottom']); ?>
  61.
       
  62.
      <?php get_footer(); ?>


juggledad May 15, 2010 05:56 AM

you will have to define the colums as a table and then use CSS to define the width of each column

kaspar.wimberley May 15, 2010 06:34 AM

Thanks juggledad, how exactly should I do this! In the Index file? Or in the theme options?
and where do I insert the css.
I'm learning slowly, but still very very new to this.
K


All times are GMT -6. The time now is 09:07 PM.

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