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

  • Autor Autor ahoranojoven
  • Fecha de inicio Fecha de inicio
A

ahoranojoven

Beta
SEO
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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


hueman.webp

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
 
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
 
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
 
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
 
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
 
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
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

N
Ayuda al crear un menu horizontal responsive
Respuestas
12
Visitas
685
Nemessiss
N
J
Ayuda urgente necesitada, ¡por favor!
Respuestas
2
Visitas
721
jefflyn1
J
W
Problema de superposición de logo y menú en Wordpress
Respuestas
0
Visitas
326
WichoCastro
W
leit0s
Ayuda necesaria con menú responsive en Bootstrap
Respuestas
6
Visitas
1K
lombervid
lombervid
R
Mover logo al centro en Blogger
Respuestas
4
Visitas
1K
Rdemiguel
R
Atrás
Arriba