Mover logo al centro en Wordpress sin éxito, ayuda necesaria

ahoranojoven · 9 Sep 2015

Bueno Hola, aca les dejo mi problema que no se que hacer como recien estoy aprendo lo que es paginas y codigos pero algo estoy avanzando.

Tengo un logo en el header de wordpress, y lo que quiero es moverlo al medio ya que la imagen esta aun costado no se en que codigo hago eso porque ya intente muchas formas no se que me esta faltando hacer para que todo quede bien PDT: solo cambio el codigo de header no hago mas pero no pasa nada aqui el codigo

aqui el codigo CSS:

Insertar CODE, HTML o PHP:

/* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */
#header {background: #33363b; position: relative; padding-bottom: 60px;  }
#header .pad { padding-top: 30px; padding-bottom: 30px; }
#header .container-inner {display:block;margin:0 auto 0 auto; position: relative;  }

.site-title {background-position:  center center;margin: 0 auto; margin-left: auto; margin-right: auto;font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; }
.site-title a {margin: 0 auto; display: block; color: #fff; max-width: 100%;  }
.site-title a img {margin-left: auto; margin-right: auto; width: 100%; height: 200px; height: auto;-webkit-border-radius: 0; border-radius: 0; }
.site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }
.site-image {display: block; margin: 0 auto; max-height: 400px;}

#header-ads { float: right; }
#header-ads h3 { display: none; }
#header-ads img {display: block; margin: 0 auto; max-height: 400px; }


/*  header : search
/* ------------------------------------ */
.toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; right: 0; top: -50px;
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);
box-shadow: -1px 0 0 rgba(255,255,255,0.1); }
.toggle-search:hover,
.toggle-search.active { background: rgba(0,0,0,0.15); color: #fff; }
.search-expand { display: none; background: #26272b; position: absolute; top: 0; right: 0; width: 340px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.1); }
.search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; }
.search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; }
.search-expand .themeform input:focus {  }

/*  header : nav topbar
/* ------------------------------------ */
#nav-topbar.nav-container { background: #26272b;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }
#nav-topbar .nav-toggle { background: transparent; color: #fff;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); }
#nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); }

 [MENTION=16931]medi[/MENTION]a only screen and (min-width: 1025px) {
	/* fixed nav */
	.full-width.topbar-enabled #header { padding-top: 50px; }
	.full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
	.full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
}

 [MENTION=16931]medi[/MENTION]a only screen and (min-width: 720px) {

	/* common */
	#nav-topbar .container { padding-left: 15px; }
	#nav-topbar .nav {  }
	#nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); }	
	/* level 1 */
	#nav-topbar .nav > li { border-right: none; }
	#nav-topbar .nav > li > a:hover, 
	#nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); }
	#nav-topbar .nav li > a:hover, 
	#nav-topbar .nav li:hover > a, 
	#nav-topbar .nav li.current_page_item > a, 
	#nav-topbar .nav li.current-menu-item > a,
	#nav-topbar .nav li.current-menu-ancestor > a,
	#nav-topbar .nav li.current-post-parent > a { color: #fff; }
	/* level 2 & 3 */
	#nav-topbar .nav ul { background: #26272b url(img/opacity-10.png) repeat; }
	#nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
	#nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
	
}
 [MENTION=16931]medi[/MENTION]a only screen and (max-width: 719px) {
	
	/* common */
	#nav-topbar .container { padding-left: 0; }
	#nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }	
	/* level 1 */
	#nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
	#nav-topbar .nav li.current_page_item > a, 
	#nav-topbar .nav li.current-menu-item > a,
	#nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
	
}

/*  header : nav header
/* ------------------------------------ */

#nav-header.nav-container { background: transparent; z-index: 97;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2); }
#nav-header .container { padding: 0 15px; }
#nav-header .nav-toggle { background: transparent; color: #fff;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2); }
#nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); }

 [MENTION=16931]medi[/MENTION]a only screen and (min-width: 720px) {

	/* common */
	#nav-header .nav {  }
	#nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); }	
	/* level 1 */
	#nav-header .nav > li { border-right: none; }
	#nav-header .nav > li > a:hover, 
	#nav-header .nav > li:hover > a { background: rgba(0,0,0,0.1); }
	#nav-header .nav li > a:hover, 
	#nav-header .nav li:hover > a, 
	#nav-header .nav li.current_page_item > a, 
	#nav-header .nav li.current-menu-item > a,
	#nav-header .nav li.current-menu-ancestor > a,
	#nav-header .nav li.current-post-parent > a { color: #fff; }
	/* level 2 & 3 */
	#nav-header .nav ul { background: #33363b url(img/opacity-10.png) repeat; }
	#nav-header .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
	#nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
	
}
 [MENTION=16931]medi[/MENTION]a only screen and (max-width: 719px) {
	
	/* common */
	#nav-header.nav-container  { border-left: 0; border-right: 0; }
	#nav-header .container { padding: 0; }
	#nav-header .nav { padding-bottom: 20px; }
	#nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }	
	/* level 1 */
	#nav-header .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
	#nav-header .nav li.current_page_item > a, 
	#nav-header .nav li.current-menu-item > a,
	#nav-header .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
	
}

HEADER.PHP

Insertar CODE, HTML o PHP:

<!DOCTYPE html> 
<html class="no-js" <?php language_attributes(); ?>>

<head>
	<meta charset="<?php bloginfo('charset'); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div id="wrapper">

	<header id="header">
	
		<?php if ( has_nav_menu('topbar') ): ?>
			<nav class="nav-container group" id="nav-topbar">
				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
				<div class="nav-text"><!-- put your mobile menu text here --></div>
				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
				
				<div class="container">
					<div class="container-inner">		
						<div class="toggle-search"><i class="fa fa-search"></i></div>
						<div class="search-expand">
							<div class="search-expand-inner">
								<?php get_search_form(); ?>
							</div>
						</div>
					</div><!--/.container-inner-->
				</div><!--/.container-->
				
			</nav><!--/#nav-topbar-->
		<?php endif; ?>
		
		<div class="container group">
			<div class="container-inner">
				
				<div class="group pad">
					<?php echo alx_site_title(); ?>
					<?php if ( ot_get_option('site-description') != 'off' ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
					<?php if ( ot_get_option('header-ads') == 'on' ): ?>
					<div id="header-ads">
						<?php dynamic_sidebar( 'header-ads' ); ?>
					</div><!--/#header-ads-->
					<?php endif; ?>
				</div>
				
				<?php if ( has_nav_menu('header') ): ?>
					<nav class="nav-container group" id="nav-header">
						<div class="nav-toggle"><i class="fa fa-bars"></i></div>
						<div class="nav-text"><!-- put your mobile menu text here --></div>
						<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
					</nav><!--/#nav-header-->
				<?php endif; ?>
				
			</div><!--/.container-inner-->
		</div><!--/.container-->
		
	</header><!--/#header-->
	
	<div class="container" id="page">
		<div class="container-inner">			
			<div class="main">
				<div class="main-inner group">

QUISIERA SABER COMO HACER PORQUE INTENTE MUCHAS MANERAS O TENDRIA QUE BORRAR ALGUN CODIGO PORFAVON SI ME RESPONDEN PORQUE LO QUIERO TENER EN EL MEDIO Y YA ME CANSE LA CABESA 2 DIAS

firextreme · 9 Sep 2015

hola amigo no tengo tanta experiencia con el asunto de programacion pero prueba sustituyendo esto .site-image {display: block; margin: 0 auto; max-height: 400px;} y coloca esto:

Insertar CODE, HTML o PHP:

[/COLOR][COLOR=#000000].site-image {display: block; margin: auto auto; max-height: 400px;}[/COLOR][COLOR=#000000]

avisame si te sirve para probar modificar otro.

No te olvides de guardar el documento original por si acaso

Bloggero · 9 Sep 2015

Si das la URL será mucho más fácil. 😉

ahoranojoven · 9 Sep 2015

No se pudo amigo, Otra solucion tienes

- - - Actualizado - - -

Y como hago eso, esque soy primerisa todavia no se mucho. es por eso si me podrias explicar es un thema de wordpress hueman es el nombre

eswal200 · 10 Sep 2015

Edita el codigo css es lo que yo hago cuando quiero cambiar algo del estilo de mi blog.
Puedes usar el navegador chromer; para ver este codigo. As clic en el segundo boto del mause hay te saldra una ventana con el codigo html y css y chekea que parte del codigo deseas editar y luego lo aplicas al tema de WP que usas

ahoranojoven · 10 Sep 2015

He intentado lo que tu me dices, pero nada he camiado el css y algunas maneras, pero no se cambia no con padding display , nada creo que tengo que cambiar otro codigo aparte del css o solo siempre se cambia el CSS? nada mas

IngGeek · 10 Sep 2015

Estás usando HUEMAN, ese tema tiene la opción de colocar el header al centro :encouragement: revisa bien tu panel. Y si lo quieres hacer vía css es en la línea
.site-image {display: block; margin: 0 auto; max-height: 400px;}

Igual te recomiendo que comiences a leer de CSS en muchos blogs de internet explican, hay tutoriales en youtube etc. Puedes ir probando sobre un html básico a crear páginas web porque si solo te atienes a encontrar qué cosa mover y no entiendes el por qué se movió tal cosa pues no le vas a entender y dificilmente obtendrás los resultados deseados

Saludos

Mover logo al centro en Wordpress sin éxito, ayuda necesaria

ahoranojoven

firextreme

Bloggero

ahoranojoven

eswal200

ahoranojoven

IngGeek

Temas similares

Privacidad y transparencia

Privacidad y transparencia