Soporte » Diseño – Temas y plantillas » Centrar el texto del pie de página que viene por defecto

  • Resuelto paulamartinez

    (@paulamartinez)


    Buenas tardes,
    estoy intentando sin éxito centrar el texto que me aparece por defecto a la izquierda del pie de página <tema Savona>.
    He estado investigando y he conseguido cambiar ese texto creando un tema hijo. Para ello he copiado el código de footer que me aparece en el tema principal, en el tema hijo y en el apartado donde ellos colocaban el texto lo he eliminado he colocado el nuevo código html <creándolo desde wordpress para asegurarme de que estaba bien>.
    Sin embargo tengo dos problemas:
    1. no se cómo centrar el texto para que se vea en medio de la pantalla
    2. ese texto tiene dos imágenes con enlace que me gustaría que se vieran a continuación del texto y lo que hace es separarlos cada uno en una línea diferente

    Gracias de antemano y un saludo;
    Dejo aquí el código del footer:

    </div><!– #page-content –>
    
    <!– Page Footer –>
    <footer id=»page-footer» class=»<?php echo esc_attr(savona_options( ‘general_footer_width’ )) === ‘boxed’ ? ‘boxed-wrapper ‘: »; ?>clear-fix»>
    
    <!– Scroll Top Button –>
    <span class=»scrolltop»>
    <i class=»fa fa fa-angle-up»></i>
    </span>
    
    <div class=»page-footer-inner <?php echo savona_options( ‘general_footer_width’ ) === ‘contained’ ? ‘boxed-wrapper’: »; ?>»>
    
    <!– Footer Widgets –>
    <?php
    if ( savona_options( ‘page_footer_columns’ ) !== ‘none’ ) {
    echo get_template_part( ‘templates/sidebars/footer’, ‘widgets’ );
    }
    ?>
    
    <div class=»footer-copyright»>
    <div class=»copyright-info»>
    <?php
    
    $copyright = savona_options( ‘page_footer_copyright’ );
    $copyright = str_replace( ‘$year’, date_i18n( __(‘Y’,’savona’) ), $copyright );
    $copyright = str_replace( ‘$copy’, ‘©’, $copyright );
    
    // some allowed HTML
    echo wp_kses_post( $copyright );
    
    ?>
    </div>
    
    <div class=»credit»>
    <p style=»text-align: center;»>Contact: email | móvil |Sign up to our Newsletter</p>
    </div>
    
    </div>
    
    </div><!– .boxed-wrapper –>
    
    </footer><!– #page-footer –>
    
    </div><!– #page-wrap –>
    
    <?php wp_footer(); ?>
    
    </body>
    </html>
    
    </div><!– .boxed-wrapper –>
    
    </footer><!– #page-footer –>
    
    </div><!– #page-wrap –>
    
    <?php wp_footer(); ?>
    
    </body>
    </html>

    • Este debate fue modificado hace 4 meses, 4 semanas por  almendron.
Viendo 6 respuestas - 1 de 6 (de 6 total)
  • Moderador almendron

    (@almendron)

    Apariencia > Personalizar > CSS adicional y añades la siguiente regla:

    .credit {
    float: none !important;
    text-align: center;
    }

    Eso es para centrar el texto. De las imágenes no te puedo decir nada porque tendría que verlas.

    • Esta respuesta fue modificada hace 4 meses, 4 semanas por  almendron.

    La alineación está solucionada, muchísimas gracias.
    En cuanto a las fotos, lo que hago es abrir en la página de inicio por ejemplo, una inserción de párrafo y coloco seguido del texto una imágen que en mi caso corresponde al logo de las redes sociales que quiero insertar -porque no he conseguido colocar un icono de las redes sociales- y una vez de que lo he hecho visualmente le doy a más opciones>editar como HTMl.
    Cuando actualizo los cambios, tanto en el body como en el pie de página, la fotografía se pone en la línea de debajo en vez de tener continuidad.

    Este es el código -a ver si ahora se ve bien- que tengo puesto en el documento footer:

    <div class="credit">
    <?php esc_html_e( 'Contact:' ); ?>
    <a href="<?php echo esc_url( 'mail' ); target="_blank"; ?>">
    <?php esc_html_e( '' ); ?>
    <?php esc_html_e( '| correo' ); ?>
    <a href="<?php echo esc_url( '/' ); target="_blank"; ?>">
    <?php esc_html_e( 'Sign up to our Newsletter' ); ?>
    <a href="https://www.instagram.com" target="_blank" rel="noopener"><img class="alignnone wp-image-201" src="http://localhost/web-asier/wp-content/uploads/2019/06/87390-300x300.png" alt="" width="17" height="17" />
    <a href="https://www.facebook.com/" target="_blank" rel="noopener"><img class="alignnone wp-image-383" src="http://localhost/web-asier/wp-content/uploads/2019/06/facebook-logo-e1560439913212-159x300.png" alt="" width="11" height="21" />
    </a>

    Disculpa las molestias y gracias.

    Moderador almendron

    (@almendron)

    O veo la página con las imágenes o imposible ayudarte.

    Nota: ¿seguro que el tema no tiene una opción para poner los iconos de las redes sociales? La verdad es que me extrañaría que no lo tuviera.

    Lo tiene pero solamente para la cabecera, al querer ponerlo en el footer seguido del texto -en el mismo bloque- no se me ocurría de otra manera.
    Yo creo que debe arreglarse con un código css que obligue a que las fotos de un mismo bloque vayan al lado del texto.

    Gracias y un saludo

    Moderador almendron

    (@almendron)

    Como ya te dije, si no lo veo, no puedo intentar dar una solución.

    Mi web de momento está en ubicada en una localhost así que no me es posible mostrártelo, gracias de todas formas.

Viendo 6 respuestas - 1 de 6 (de 6 total)
  • Debes estar registrado para responder a este debate.