Capa del Footer

[panelnaranja]

Buenas,

Estoy editando un blog y tengo un problemilla con la estética.

El caso es que en el pie de página he insertado un widget para visualizar fotos. Hasta aquí todo bien, la cuestión es que la plantilla venía con un widget para poner los datos de la empresa, la dirección, etc. Este plugin lo eliminé y ahora me ha quedado una capa donde se alojaba.

Mi intención es que el visor de fotos quede centrado y eliminar este cuadro vacío de la izquierda del pie de página. Espero haberme explicado. Muchas gracias.

www.mediterraneajardin.es

Adjunto código del Footer:

Código PHP:

<div id="footer" class="group">
        
        <div class="copyright">
        <?php $options = get_option('stimulus_theme_options'); ?></strong><br />
        </div>
            
        <div id="footer-widgets" class="widget-area group">
            <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widgets')) : ?>
            <?php endif; ?>
        </div>
        
 
    </div>
 
<?php if(is_home()) { ?>
    <span class="powered-by-salesforce">
        This theme is brought to you by <a href="http://www.salesforce.com" target="_blank">Salesforce CRM</a>.
    </span>
    <?php } else { ?>    
   <span class="powered-by-salesforce">
        <?php bloginfo('description'); ?>
    </span>
    <?php } ?>
    <span class="social-footer group">
        <strong>Follow us</strong>
                <?php if( $options['facebook'] != '' ): ?>
                    <a href="http://facebook.com/<?php echo $options['facebook']; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/assets/images/facebook.png" alt="Facebook" /></a>
                <?php endif; ?>
                <?php if( $options['twitter'] != '' ): ?>
                    <a href="http://twitter.com/<?php echo $options['twitter']; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/assets/images/twitter.png" alt="Twiter" /></a>
                <?php endif; ?>
                <?php if( $options['flickr'] != '' ): ?>
                    <a href="http://flickr.com/<?php echo $options['flickr']; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/assets/images/flickr.png" alt="Flickr" /></a>
                <?php endif; ?>
                <?php if( $options['foursquare'] != '' ): ?>
                <a href="http://foursquare.com/<?php echo $options['foursquare']; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/assets/images/foursquare.png" alt="Foursquare" /></a>
                <?php endif; ?>
                <?php if( $options['youtube'] != '' ): ?>
                    <a href="http://youtube.com/<?php echo $options['youtube']; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/assets/images/youtube.png" alt="YouTube" /></a>
                <?php endif; ?>
                    <a href="<?php bloginfo_rss('rss2_url') ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/assets/images/rss.png" alt="RSS" /></a>
    </span>
</div> <!-- #wrapper -->
 
<?php wp_footer(); ?>
 
</body>
</html>
 

[Nekko]

Lo tuyo no es un problema de WordPress, sino del CSS de tu theme. Buscá alguna herramienta como la Developer Toolbar para Firefox o Firebug que te ayuden a inspeccionar los elementos del theme.

Vas a ver que tu widget (la galería) está dentro de un div angosto, probá cambiarle el ancho y ver que pasa.

Código CSS:

#footer-widgets .widget { 
float: left; 
width: 325px;
padding: 25px 0 25px 25px; 
margin-right: 25px; 
border-left: 1px #d1d1d1 solid; 
}
 

[panelnaranja]

Muchas gracias. Solucionado.