Footer with Pipe Separators

[ancd]

We would like to change the footer to have just one container div. We want to merge the left and right div containers, and then, include “pipe separators” between the footer information.

We’ve tried to apply different php and css codes with this theme but no success.

If possible, please include a code to apply pipe separators to header menu just to see how it looks.

[Bill Robbins]

You can change it. Edit the footer.php file and replace this:

		<div id="footer-left">
		
			<?php if(of_get_option('footer_text', $single = true) != ""){ ?>
			
				<p><?php echo of_get_option('footer_text'); ?><br /><a href="http://www.organizedthemes.com">Organized Themes</a></p>
				
			<?php } else { ?>
			
				<p>© <?php echo date('Y'); ?> <a href="/"></a><br /><a href="http://www.organizedthemes.com">Organized Themes</a></p> 
			
			<?php } ?>
		
		</div>
		
		<div id="footer-right">
		
			<?php wp_nav_menu( array( 'theme_location' => 'footer', 'fallback_cb' => false ) ); ?>
		
		</div>

With the new div and content you’d like to have there. Save your changes and clear any caching plugins you’re running and you’ll see your changes.

There won’t be much in terms of styling for that new area, so you’ll need to create some inside style.css

[ancd]

Looks like something is missing. Here is what appeared after loading:

© 2013 < ?php bloginfo('name'); ?>
Organized Themes.

Also, there is still a question about inserting “|” separator between the footer menu if you have any suggestions.

[Bill Robbins]

The easiest way to add in pipe separators is with a right hand border. Add this to you Custom CSS box:

#footer-right li {
	padding-right: 10px;
	border-right: 1px solid #000;
}

#footer-right li:last-child {
	padding-right: 0;
	border: none;
}

Can you send me a link to your site so I can see the footer changes that have been made?

[ancd]

Here is the link: http://goo.gl/pjzgV

[Bill Robbins]

Thanks. The only spot I could see any changes to the footer was changing this:

<?php echo home_url(); ?>

To this:

<?php echo home_url(); ?>

If the only item you’d like to keep from the footer is the navigation menu, you could delete all the code in the earlier post and just leave this:

And then save your changes. That will leave only one div in the footer and also include the navigation.

[ancd]

Here is what works and just to share:

Copyright © | | Privacy Policy | Contact Us | Disclaimer |

You can check out the site footer and hopefully it will not cause any issues later.

But thanks again!

[Author]

Posts