Centrar el logo en la cabecera de mi sitio web

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

magui75

Beta
Verificación en dos pasos activada
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