Steampunk theme footer alignment modding

There are thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

Example can be viewed at https://blog.strangebot.net

Try adding:

#footer {text-align:center;}

to the bottom of style.css. That should fix your main footer text. Not much I can suggest for the Bad Behaviour text. True to its name, it’s outputting that text outside the footer and without any class that I can hook into for styling.

What you might be able to do is edit footer.php and move <?php wp_footer(); ?> so that it is immediately before the last </div> in the file. That should move the Bad Behaviour text into the main footer box & centre it.

Thx a bunch esmi! Got most of the issue solved couldn’t figure out how to start the php string for the footer there to solve my alignment issue as I’m new to php and using wordpress to assist me in the learning process. Moving the wp_footer comment before the last</div> has successfully put the Bad Behavior text to the bottom of the page now but still trying to put it with the rest of the footer.

Try moving wp_footer up further (before the last-but-one `</div>’).

The footer CSS I gave above doesn’t use PHP, Just add it “as is” to the bottom of your stylesheet.

Interestingly simple solution there. Will definitely remember that handy little placement trick in other themes! Moved it up one line. Footer.php now reads:
</div><!– #main –>
</div><!– #main-bottom-frame –>
</div><!– #main-top-frame –>
<div id=”footer-frame”>
<div id=”footer”>
Copyright © <?php echo date(“Y”); ?> – Powered by ” title=”<?php esc_attr_e(‘Semantic Personal Publishing Platform’); ?>” rel=”generator”><?php printf(__(‘%s’), ‘WordPress’); ?> “Steampunk” theme by The Search Engine Guys, LLC
<?php wp_footer(); ?>
</div><!– #footer –>
</div><!– #footer-frame –>
</div><!– #wrapper .hfeed –>
</body>
</html>

Where as before the solution it was more like this.
</div><!– #main –>
</div><!– #main-bottom-frame –>
</div><!– #main-top-frame –>
<div id=”footer-frame”>
<div id=”footer”>
Copyright © <?php echo date(“Y”); ?> – Powered by ” title=”<?php esc_attr_e(‘Semantic Personal Publishing Platform’); ?>” rel=”generator”><?php printf(__(‘%s’), ‘WordPress’); ?> “Steampunk” theme by The Search Engine Guys, LLC
</div><!– #footer –>
</div><!– #footer-frame –>
</div><!– #wrapper .hfeed –>
<?php wp_footer(); ?>
</body>
</html>

Plus the addition of your #footer line in the css sheet all did wonders for this theme! Thank you esmi!

You’re welcome. ??