Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Padding for Right Sidebar on Homepage


  #1  
Old Feb 16, 2009, 06:50 PM
endeavourz
 
15 posts · Feb 2009
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!
  #2  
Old Feb 16, 2009, 06:57 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
I'd have to see this, please post or PM a URL
  #3  
Old Feb 16, 2009, 07:23 PM
endeavourz
 
15 posts · Feb 2009
My apologies!

Last edited by endeavourz; Mar 15, 2009 at 01:02 AM.
  #4  
Old Feb 16, 2009, 08:15 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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>
to

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>
  #5  
Old Feb 16, 2009, 08:50 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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(ABC) ) )   { ?>
Image Code for pages with the ID's A, B, C
<?php } elseif ( in_array$post->ID, array(XYZ) ) )  { ?>
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(ABC) ) )   { ?>
padding-top: XXpx;
<?php } elseif ( in_array$post->ID, array(XYZ) ) )   { ?>
padding-top: XXpx;
<?php } else { ?>
padding-top: XXpx;
<?php ?>
}
  #6  
Old Feb 16, 2009, 10:10 PM
endeavourz
 
15 posts · Feb 2009
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!

Last edited by endeavourz; Mar 15, 2009 at 01:03 AM.
  #7  
Old Feb 16, 2009, 10:18 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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() ) { ?>




  #8  
Old Feb 16, 2009, 10:43 PM
endeavourz
 
15 posts · Feb 2009
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.
  #9  
Old Feb 16, 2009, 11:13 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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 ?> 
}


  #10  
Old Feb 16, 2009, 11:35 PM
endeavourz
 
15 posts · Feb 2009
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.

Last edited by endeavourz; Mar 15, 2009 at 01:04 AM.
  #11  
Old Feb 16, 2009, 11:43 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Try this as CSS Insert:

HTML Code:
 td#middle {
overflow: visible;
}
  #12  
Old Feb 16, 2009, 11:53 PM
endeavourz
 
15 posts · Feb 2009
You.

Are.

AMAZING.

Thank you!!

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Padding for individual post aliasfreq Atahualpa 3 Wordpress theme 11 Mar 29, 2012 05:46 AM
[SOLVED] Page Menu Bar Padding mactony Page & Category Menu Bars 10 Apr 21, 2010 06:32 PM
Changing padding for a specific page Eric Bobrow Header configuration & styling 15 Nov 20, 2009 06:23 AM
How to add padding to right sidebar? Antsliedown Sidebars & Widgets 1 May 5, 2009 08:20 PM
Odd padding/margin problem in sidebar with widgets GilbertCenter Sidebars & Widgets 2 Apr 6, 2009 01:15 PM


All times are GMT -6. The time now is 12:04 PM.


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