Wordpress Themes - WP Forum at BFA - Padding for Right Sidebar on Homepage

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Padding for Right Sidebar on Homepage (http://forum.bytesforall.com/showthread.php?t=413)

Padding for Right Sidebar on Homepage

I have modified my main page located here to include a flash image that appears below the logo, line, and search bar in my header. The inner pages are using the header image rotator.

In order to get the right sidebar to appear below the flash, rather than on top of it, I modified the right sidebar to have padding-top:310px;. This works as a temporary fix for the home page (where the flash appears), but it does not work for the inner pages, where the header image appears. I need to figure out a permanent fix.

Is there a way to:
1. change sidebar or flash settings on home page so sidebar appears below it (without changing padding)?
2. modify inner page with css so the padding is reset at 0px while keeping padding set for home page?
3. a way to get the flash image to appear as a block?

Any suggestions would be great! Thank you!

I'd have to see this, please post or PM a URL

The way you put that huge image at the top of the middle column is a bit odd. The errors could probably corrected with various fixes (in addition to what you see, in IE 6/7 a part of the image is covered by the right sidebar) but it would be much better to include that image in the header to begin with. Before I give you instructions to do that, is there a reason you don't want to put it into the header?

Also the post at http://endeavourz.net/the-running-man/ is messed up in IE6/7 because the image it not inside any table cell

Change

HTML Code:

<table border="0" cellspacing="0" cellpadding="0" width="95%">

<tbody>



<tr>

<td width="350" valign="top"><strong><em>Running is an adventure.</em></strong><br />

Join us in a new webisode series as we beat the streets of a new city each week and discover the unique beauty and culture that intimately defines it.</p>

<p>Follow Jason Smith as he creates a catalog of exceptional journeys through the United States.   With a thirst for adventure, Endeavour Z challenges you to run through a city with Jason exploring it together.  Through his experiences, Jason will illustrate how to make the most of your travel experience while getting in your weekly mileage.</p>

<p><strong>Background </strong></p>

<p>During his travels throughout the US and Europe, Jason Smith conceived the idea while working in film and TV industry.   He found it tremendously difficult to sincerely satisfy his desire for cultural introduction in these temporary lodgings. So with a map in hand, his morning exercise became his method of initiation.</p>

<p>A 2000 year old arch in Rome, an old farm house in the middle of the English country side, private beaches in France, or colonial architecture in South Carolina, these runs were often products of locals’ advice which frequently lead to unexpected (and much welcomed) culinary discoveries. The adventure of exercise became a reason to tie those shoes and hit the pavement.  Runners and walkers alike will find Jason and his band of outdoor enthusiasts a welcome change to those common shows of grandeur and excess.

</td>

<p><div id="attachment_114" class="wp-caption alignright" style="width: 210px"><img class="size-full wp-image-114" title="jasonsmith" src="http://endeavourz.net/wp-content/uploads/2009/02/jasonsmith.jpg" alt="Jason Smith is The Running Man" width="200" height="299" /><p class="wp-caption-text">Jason Smith is The Running Man</p></div>

</tr>

<tr>

<td></td>



<td></td>

</tr>

</tbody>

</table>

HTML Code:

<table border="0" cellspacing="0" cellpadding="0" width="95%">

<tbody>

<tr>

<td width="350" valign="top"><strong><em>Running is an adventure.</em></strong><br />

Join us in a new webisode series as we beat the streets of a new city each week and discover the unique beauty and culture that intimately defines it.</p>

<p>Follow Jason Smith as he creates a catalog of exceptional journeys through the United States.   With a thirst for adventure, Endeavour Z challenges you to run through a city with Jason exploring it together.  Through his experiences, Jason will illustrate how to make the most of your travel experience while getting in your weekly mileage.</p>

<p><strong>Background </strong></p>

<p>During his travels throughout the US and Europe, Jason Smith conceived the idea while working in film and TV industry.   He found it tremendously difficult to sincerely satisfy his desire for cultural introduction in these temporary lodgings. So with a map in hand, his morning exercise became his method of initiation.</p>

<p>A 2000 year old arch in Rome, an old farm house in the middle of the English country side, private beaches in France, or colonial architecture in South Carolina, these runs were often products of locals’ advice which frequently lead to unexpected (and much welcomed) culinary discoveries. The adventure of exercise became a reason to tie those shoes and hit the pavement.  Runners and walkers alike will find Jason and his band of outdoor enthusiasts a welcome change to those common shows of grandeur and excess.

</td>

<td>

<p><div id="attachment_114" class="wp-caption alignright" style="width: 210px"><img class="size-full wp-image-114" title="jasonsmith" src="http://endeavourz.net/wp-content/uploads/2009/02/jasonsmith.jpg" alt="Jason Smith is The Running Man" width="200" height="299" /><p class="wp-caption-text">Jason Smith is The Running Man</p></div>

</td>

</tr>

</tbody>

</table>

Yes I saw the padding earlier too, I suggested that you put that image/flash into the header to avoid both the padding and the "hiding behind sidebar" problem in IE altogether, for a less hackish solution. I suggest that you do this:

Version 1:

In header.php, after

PHP Code:


		
			
        <?php bfa_header_config($bfa_ata_configure_header); ?>

put this

PHP Code:


		
			
<?php if ( is_home() AND !is_paged() ) { ?>
Flash or Image Code for Homepage here
<?php } elseif ( in_array( $post->ID, array(A, B, C) ) )   { ?>
Image Code for pages with the ID's A, B, C
<?php } elseif ( in_array( $post->ID, array(X, Y, Z) ) )  { ?>
Image Code for pages with the ID's X, Y, Z
<?php } else { ?>
Code for the remaining pages
<?php } ?>

Version 2:

If you want to do this the way you have it now (keep the flash/image location and adjust the CSS), do this: In header.php around 701, find:

PHP Code:


		
			
<?php echo $bfa_ata_html_inserts_css; ?>

... and put the following after it:

PHP Code:


		
			
td#right {
<?php if ( is_home() AND !is_paged() ) { ?>
padding-top: XXpx;
<?php } elseif ( in_array( $post->ID, array(A, B, C) ) )   { ?>
padding-top: XXpx;
<?php } elseif ( in_array( $post->ID, array(X, Y, Z) ) )   { ?>
padding-top: XXpx;
<?php } else { ?>
padding-top: XXpx;
<?php } ?>
}

Hi Flynn,

I appreciate your help. The first suggestion I have already tried, but it does not work for our needs. I tried the second fix, but I am afraid that I was unable to get any results from the change even when I put in the variables I needed:

PHP Code:


		
			
td#right {
<?php if ( is_home() AND !is_paged(1) ) { ?>
padding-top: 320px;
<?php } elseif ( in_array( $post->ID, array(40) ) )   { ?>
padding-top: 0px;
<?php } elseif ( in_array( $post->ID, array(40) ) )   { ?>
padding-top: 0px;
<?php } else { ?>
padding-top: 0px;
<?php } ?>
}

I want the Flash to appear above the main container and right sidebar and below the menu/logo/search area. This is the goal:

Thank you for your patience helping me with this issue! You have exceeded my expectations!

Those examples with is_array were for several pages, for a single page it would be different

PHP Code:


		
			
 td#right {
<?php if ( is_home() AND !is_paged() ) { ?>
padding-top: 320px;
<?php } elseif ( $post->ID == 40 )   { ?>
padding-top: 0px;
<?php } else { ?>
padding-top: 0px;
<?php } ?>
}

If you just want to have the padding on the homepage and no padding on any other page

PHP Code:


		
			
 td#right {
<?php if ( is_home() AND !is_paged() ) { ?>
padding-top: 320px;
<?php } else { ?>
padding-top: 0px;
<?php } ?>
}

The is_paged() should not be changed, it just means that the padding is only for the "real" homepage and not for page 2, page 3 etc.

If you DO want to have the padding on page 2, page 3 as well, just leave out the is_paged part and use

PHP Code:


		
			
<?php if ( is_home() ) { ?>

instead of

PHP Code:


		
			
<?php if ( is_home() AND !is_paged() ) { ?>

It's still not working. I am sorry! This is what I did:

In header.php, after

PHP Code:


		
			
        <?php bfa_header_config($bfa_ata_configure_header); ?>

put this

PHP Code:


		
			
 td#right {

<?php if ( is_home() AND !is_paged() ) { ?>

padding-top: 320px;

<?php } else { ?>

padding-top: 0px;

<?php } ?>

}

and before this, should be line 701

PHP Code:


		
			
<?php } ?>    

<?php echo $bfa_ata_html_inserts_css; ?>

put this

put this

PHP Code:


		
			
 td#right {

<?php if ( is_home() AND !is_paged() ) { ?>

padding-top: 320px;

<?php } else { ?>

padding-top: 0px;

<?php } ?>

}

No luck. Did I do it wrong? Thanks again for your continued help and patience.

Sorry for being unclear, and on top of that I gave you slightly wrong code, too.

In post#5 (which is edited now to make this clearer) I posted two possible ways to solve this.

The first two code blocks of post#5 were for version 1 (putting the flash and image into the header part of the layout).

The 3rd and 4th code blocks of post#5 were for version 2 (leaving the flash and images at the top of the main column, as you have it now, and adjusting the CSS instead).

The version 2 I posted above was slightly wrong, sorry. I corrected it now in post#5.

To do version 2 (adjusting the CSS) do this:

In header.php, find around line 702-703, this

PHP Code:


		
			
<?php echo $bfa_ata_html_inserts_css; ?>

and add the following after it:

PHP Code:


		
			
td#right { 
<?php if ( is_home() AND !is_paged() ) { ?> 
padding-top: 320px; 
<?php } else { ?> 
padding-top: 0px; 
<?php } ?> 
}

Wonderful! The padding is now working on the front page and on the inner pages as we wanted! Thanks to your corrections! That is fantastic. You have been a wonderful help.

The last thing is that the flash image on the home page is appearing behind the sidebar (in IE). The flash object is set at wmode="transparent" because of the javascript menu that appears above (and on top) of the flash. Do you have any suggestions on how I can override the flash appearing behind the right sidebar?

Thank you again for working with me. Your prompt replies are impressive.

Try this as CSS Insert:

HTML Code:

 td#middle {

overflow: visible;

}

You.

Are.

AMAZING.

Thank you!!