New to the community? Start here

site title overlayed on top of footer menu

Can anyone help me with text alignment on my home page footer? For some reason, my theme places the site title right on top of my footer menu and copyright info. See http://mybizpower.com at the bottom and you'll see what I mean.

william_bronson
- The Incredible Code Injector: Earn your WPMU DEV membership
- 119 pts: Hero points 292 pts: Rep. points LEVEL 5
Here's my footer php

</div>


<div class="footer-widgetswrap clearfix">
<div class="footer-widgets pagewidth clearfix">
<?php
$footer_widget_option = (themify_get('setting-footer_widgets') == "") ? "footerwidget-3col" : themify_get('setting-footer_widgets');
if($footer_widget_option != ""){ ?>
<?php
$columns = array('footerwidget-4col' => array('col4-1','col4-1','col4-1','col4-1'),
'footerwidget-3col' => array('col3-1','col3-1','col3-1'),
'footerwidget-2col' => array('col2-1','col2-1'),
'footerwidget-1col' => array('') );
$x=0;
?>
<?php foreach($columns[$footer_widget_option] as $col): ?>
<?php
$x++;
if($x == 1){
$class = "first";
} else {
$class = "";
}
?>
<div class="<?php echo $col;?> <?php echo $class; ?>">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer_Widget_'.$x) ) ?>
</div>
<?php endforeach; ?>
<?php } ?>
</div>

</div>


<div id="footerwrap">
<footer id="footer" class="pagewidth clearfix">

<div id="footer-logo">
<?php if(themify_get('setting-footer_logo') == 'image' && themify_check('setting-footer_logo_image_value')){ ?>
<?php themify_image("src=".themify_get('setting-footer_logo_image_value')."&w=".themify_get('setting-footer_logo_width')."&h=".themify_get('setting-footer_logo_height')."&alt=".get_bloginfo('name')."&before=&after="); ?>
<?php } else { ?>
/"><?php bloginfo('name'); ?>
<?php } ?>
</div>


<?php if (function_exists('wp_nav_menu')) {
wp_nav_menu(array('theme_location' => 'footer-nav' , 'fallback_cb' => '' , 'container' => '' , 'menu_id' => 'footer-nav' , 'menu_class' => 'footer-nav'));
} ?>

<div class="footer-text clearfix">
<div class="one"><?php if(themify_get('setting-footer_text_left') != ""){ echo themify_get('setting-footer_text_left'); } else { echo '© '.get_bloginfo('name').' '.date('Y'); } ?></div>
<div class="two"><?php if(themify_get('setting-footer_text_right') != ""){ echo themify_get('setting-footer_text_right'); } else { echo 'Powered by BizPower! • Success Membership Platform'; } ?></div>
</div>


</footer>

</div>


</div>


<?php
/**
* Stylesheets and Javascript files are enqueued in theme-functions.php
*/
?>


<?php wp_footer(); ?>

</body>
</html>
Kimberly
- Champion of Loops: Earn your WPMU DEV membership
- 758 pts: Hero points 5,670 pts: Rep. points LEVEL 23
William,

You need to change the position for the footer logo element.
```
#footer-logo {

    position: static;
```
Would this work?

Kimberly
william_bronson
- The Incredible Code Injector: Earn your WPMU DEV membership
- 119 pts: Hero points 292 pts: Rep. points LEVEL 5
I'm not sure I can fill in the gaps there. Can you give me an example of exactly what I would do to try it?
that code in my footer.php is a bit more complicated than my experience level.
Kimberly
- Champion of Loops: Earn your WPMU DEV membership
- 758 pts: Hero points 5,670 pts: Rep. points LEVEL 23
Are you using a child theme?
william_bronson
- The Incredible Code Injector: Earn your WPMU DEV membership
- 119 pts: Hero points 292 pts: Rep. points LEVEL 5
@Kimberly Lipari
Not a child theme, that I know of. It's the main theme of my site.
Kimberly
- Champion of Loops: Earn your WPMU DEV membership
- 758 pts: Hero points 5,670 pts: Rep. points LEVEL 23
Ok well you have two options here, you can create a child theme and add in the following css to the child theme css file:
```
#footer-logo {
    font: small-caps 36px/100% Rokkitt,Arial,Helvetica,sans-serif;
    position: static;
    right: 0;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    top: 34px;
}
```
or you can edit the existing css in the suco/style.css around line 1632. Both will work, but you would have to worry about losing the customization on update, so you'd need to keep a copy of the snippet handy.

You should use a notepad editor, and not a word-processor, so that the text transfers without any extra characters

Best,

Kimberly

Live Chat

Hi, I’m available right now to answer any of your questions :)

Email Us Find out more