Centrar el logo en la cabecera de mi sitio web

  • Autor Autor magui75
  • Fecha de inicio Fecha de inicio
magui75

magui75

Beta
Verificado por Whatsapp
Como lo dice el titulo lo que qiero hacer es centrar el logo, aca les dejo el header y no se en donde tengo que poner para q me qede centrado:

<?php
/**
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Times
*/
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php global $option_setting; ?>
<div id="page" class="hfeed site">
<div id="top-bar">
<div class="container" text-align: center;>
<div class="site-branding">

<div id="site-logo">
<img src="http://librosgratismagui.com/wp-content/uploads/2015/08/i_logo8-e1440070542431.png" alt="i_logo8" width="100%" />
</div> </div>

</div><!--.container-->
</div><!--#top-bar-->

<?php
if (isset($option_setting['carousel-enable-on-home'])) :
get_template_part('carousel');
else :
get_template_part('carousel','default');
endif; ?>


<h2 style="text-align: center;"><span style="color: #ffff00;"><strong>Por favor para pedir resubida de links caidos no pidan por los temas o por chat porque no los leere!! Revisen los tutoriales para ver como hacer los pedidos!!!</strong></span></h2>
&nbsp;
<h1 style="text-align: center;"><span style="color: #99cc00;"><strong>A todas les pido que si algun link esta caido, si no saben descargar, etc. revisen los tutoriales! Nuevo Foro asi que tienen que registrarse otra vez!!!</strong></span></h1>
&nbsp;
<h2 style="text-align: center;"><span style="color: #ffcc99;"><strong>Por favor a todas aquellas personas que qieran ayudar a resubir links o para traduccion, que me envien un mail a emilcearanda@hotmail.com.
Necesitamos su ayuda urgentemente!!!</strong></span></h2>
&nbsp;

<div id="top-nav" class="container">
<div id="top-nav-wrapper">
<div class="container">
<nav id="site-navigation" class="main-navigation" role="navigation">
<h1 class="menu-toggle"><?php _e( 'Menu', 'times' ); ?></h1>
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'times' ); ?></a>

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #site-navigation -->
</div>
</div>
</div>

<div id="content" class="site-content">
<div class="container content-inner">



aca les dejo la pagina para q vean como esta a la izqierda. El theme q uso es el times de wordpress.

Tambien me gustaria que las oraciones que estan abajo del slider qeden dentro del cuadro de flores y no como es el caso sobre el cuadro de flores.


Ojala puedan ayudarme xq de esto no se nada!!! gracias!!!
 
[MENTION=71244]magui75[/MENTION] el tema que estas usando en times ¿cierto?

Lo que esta sobre el carrucel lo pusiste con algun plugin o algo?
 
henrimck:

Si es el time pero modificado, este theme trae un carrousel pero yo no lo uso, el q uso es Carousel Horizontal Posts Content Slider


Sting:
ya probe eso pero no lo pone centrado

Alguna sugerencia mas???Antes tenia un logo mas grande y si centraba pero no creo q sea xq estaba centrado si no xq era grande, cto mas chico es el logo mas a la izqierda qeda, no se si tendra algo q ver eso.

Si hago mas grande el logo, se sobrepone con el background.

La verdad q lo tecnico muy poco yo, ojala puedan ayudarme.
 
En lugar de esto:

<div class="site-branding">
<div id="site-logo">
<img src="http://librosgratismagui.com/wp-content/uploads/2015/08/i_logo8-e1440070542431.png" alt="i_logo8" width="100%" />
</div> </div>



Deberías tener esto:

<div class="site-branding" style="display: block; margin: 0 auto;">
<div id="site-logo">
<img src="http://librosgratismagui.com/wp-content/uploads/2015/08/i_logo8-e1440070542431.png" alt="i_logo8" width="auto" />
</div> </div>


Confirma si te funcionó.
 
siiiii!!!! Muchas gracias!!!!!! :applause:


Sos un idolo!!! no sabes lo q busqe para arreglar eso!!!

Por las dudas no sabras como poner las oraciones que estan abajo del slider qeden dentro del cuadro de flores y no como es el caso sobre el cuadro de flores. trate de poner una tabla en el header pero no sale, alguna sugerencia o es algo q no se puede hacer???

De nuevo muchas gracias amigo fmoreno!!!!
 
Última edición:
Hola magui75.

Para ello deberías encerrar ese texto en un div, y luego asignarle a ese div las propiedades que necesites. Algo así:

<div class="destacado">

Por favor para pedir resubida de links caidos...

</div>


Luego, en el header deberías agregar esto:


<style type="text/css">
.destacado{width: 900px; margin: 0 auto;}
</style>


Lo ideal sería agregarlo en el el archivo de estilos, pero con esto podrás salir del paso.

El ancho de 900px es un ejemplo, podés cambiarlo por uno menor o mayor, y probar hasta que quede como te gusta.

¡Mucha suerte!
 
ay este esta mas dificil, voy a probar y ver si me sale!!!!


Editado: Si me salio!!! sos un genio la verdad!!! Y era 900 no mas, no tuve que hacerle ningun cambio!!!!

Desde ya muchas gracias x tu ayuda!!!! Besitossss


PD: Hay q hacer algo para cerrar el tema o qeda asi no mas???
 
Última edición:
Genial Magui, me alegro de haberte ayudado. En cuanto al cierre del tema, la verdad es que no tengo idea, soy nuevo por aquí 🙂
 
Atrás
Arriba