Kaoskuri

Well I changed the template back and am now working with this template. I have been able to place the page banner and content portion into a container but I am having trouble with alignment of the content on the page and widgets. When I try and move one part, the rest of the text in the content and footer area also moves along with it. I want to separate the content area and the footer areas so that each can be independently aligned.

This is the link to the site http://fidesinfosys.com/Development

Here is the direct link to the website, so you can see what is going on http://fidesinfosys.com/Development/company-overview/

I realize that some of the margins are a bit off in the social bar and the footer, but my main concern is getting the image banner and page content into a container.

Sure, I will load the template again once I get an okay to do so from my client. He had me change to another theme. I know that the header and footer are in containers, ideally I would like to put the page banner image and content area into a container as well, which I think would solve my problem. How could I go about adding the code for the container to the page banner image and the site content. Where would I put the container code for those?

This is the area i’m having a problem with on the site http://fidesinfosys.com/Development/Page_Trouble.png

Ok, I’ll take a look at that and see what I can do. Thanks so much. =)

So I was able to create the widgets and have them show up in my copyright footer but both widgets are both centered. How can I go about making 1 widget in the center and 1 widget in the right side? What am I doing wrong in my code that both my widgets stay centered?

This is the code I am using:

CSS:

.widgetcopyrightcenter {
    float: center;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 1px;
    display: block;
    font-size: 10.5px;
}

.widgetcopyrightright {
    float: right;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    display: block;
    font-size: 10.5px;
}

Footer.php:

<?php if ( ! dynamic_sidebar( 'Copyright Footer Center' ) ) : ?>

<?php endif; // end extra-widget area ?>

<?php if ( ! dynamic_sidebar( 'Copyright Footer Right' ) ) : ?>

<?php endif; // end extra-widget area ?>

Functions.php:

// Add a widget.
if (function_exists('register_sidebar')) {
	register_sidebar(array(
	'name' => 'Copyright Footer Center',
	'id' => 'extra-widget2',
	'description' => 'Copyright Footer Center',
	'before_widget' => '<div id="%1$s" class="widget %2$s">',
	'after_widget' => '</div>',
	'before_title' => '<p>',
	'after_title' => '</p>'
	));
}

// Place the widget in copyright footer
add_filter ('__row', 'add_my_widget2');
function add_my_widget2() {
if (function_exists('dynamic_sidebar')) {
dynamic_sidebar('Copyright Footer Center');
}
}

// Add a widget.
if (function_exists('register_sidebar')) {
	register_sidebar(array(
	'name' => 'Copyright Footer Right',
	'id' => 'extra-widget3',
	'description' => 'Copyright Footer Right',
	'before_widget' => '<div id="%1$s" class="widget %2$s">',
	'after_widget' => '</div>',
	'before_title' => '<p>',
	'after_title' => '</p>'
	));
}

// Place the widget in copyright footer
add_filter ('add_my_widget3');
function add_my_widget3() {
if (function_exists('dynamic_sidebar')) {
dynamic_sidebar('Copyright Footer Right');
}
}

I’m still trying to figure out how to add the widgets into the copyright footer and then have the widgets show up in my widgets section. So far I am able to create the widgets and have them show up in the copyright section but when I go to the widgets section, the widgets don’t show up in there.

Every time I try and add a widget in the copyright section I end up breaking my site and having to reset it.

It seems like the site breaks when I put anything in the functions.php file. What am I doing wrong that it’s not showing up in the widgets section for me to go and enter the information I need in there? Also, why does the site keep breaking when I update the functions.php file?

This is the code I am currently playing around with to get the widgets to show up in my copyright footer area. I had used this code earlier to create a widget for my header. I thought I could use this again but change it so that it could be used in the copyright footer but so far I have not had any luck.

Footer.php:

// Add a widget.
if (function_exists('register_sidebar')) {
	register_sidebar(array(
	'name' => 'Contact Info in Header',
	'id' => 'extra-widget',
	'description' => 'Contact Info in Header',
	'before_widget' => '<div id="%1$s" class="widget %2$s">',
	'after_widget' => '</div>',
	'before_title' => '<h2>',
	'after_title' => '</h2>'
	));
}

// Place the widget before the header
add_filter ('__after_navbar', 'add_my_widget');
function add_my_widget() {
if (function_exists('dynamic_sidebar')) {
dynamic_sidebar('Contact Info in Header');
}
}

Functions.php:

<?php if ( ! dynamic_sidebar( 'Contact Info in Header' ) ) : ?>

<?php endif; // end extra-widget area ?>

CSS Code:

.widget {
    float: right;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 1px;
    display: block;
    font-size: 10.5px;
}

Any help with this will be appreciated. Thanks so much. =)

Thanks for the reply back. Yeah, I am using the widgets in the footer above the copyright area. I was able to put the following codes in to create the widgets but I can’t get the widgets to show up in the widgets area so that I can put the information I wanted into the widgets.

Functions.php

if ( function_exists('register_sidebar') )
{ register_sidebar();
register_sidebars(3, array('name'=>'Footer %d')); }

Footer.php

<div id="footerwidgets">
<div id="footer-left">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer 1') ) : ?>
<li>
<?php endif; ?>
</ul>
</div>
<div id="footer-middle">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer 2') ) : ?>
<li>
<?php endif; ?>
</ul>
</div>
<div id="footer-right">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer 3') ) : ?>
<li>
<?php endif; ?>
</ul>
</div>
</div>
<br>
<br clear="all" />

Custom CSS:

#footerwidgets { display: block; width:900px; margin: 0 auto; text-align:center; }
#footer-left { width: 210px; float: left; margin: 15px 10px 10px 30px; padding: 10px; background-color: #f3f3e7; }
#footer-middle { width: 210px; float: left; margin: 15px 10px 10px 15px; padding: 10px; background-color: #f3f3e7; }
#footer-right { width: 210px; float: left; margin: 15px 10px 10px 15px; padding: 10px; background-color: #f3f3e7; }