Mover banner no header para a esquerda substituindo a caixa de busca

  • Autor Autor strelokz
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
S

strelokz

Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Bueno me he dado a la tarea de poner un banner en el header de mi web, un leaderboard para ser exacto.

Lo que he hecho es reempazar lo que esta en rojo del siguiente codigo con el codigo del banner
Inserir CODE, HTML ou PHP:
<div id="header-search" class="group">[COLOR="#FF0000"]<?php get_search_form(); ?>[/COLOR]</div>

Bien el banner apareció pero se sale de la pagina, solo necesito moverlo hacia la izquierda.
He estado jugando con los codigos de abajo pero ninguna modificacion parece afectarle :s agradeceria si alguien me dijera cual es el valor que debo modificar exactamente. Gracias

En la hoja CSS
Inserir CODE, HTML ou PHP:
/* ------------------------------------------------------------------------- *

 *  Section: Header

/* ------------------------------------------------------------------------- */

#header-search { float: right; width: 790px; margin-top: 200px; margin-left: 200px; }

#header-search input { background: #fff url(img/widgets/search.png) no-repeat 70px 100px; background-size: 120px 120px; float: left; border-color: #eee; width: 790px; padding: 60px 80px 60px 240px; color: #bbb; }

#header-search input:focus { border-color: #ddd; color: #444; }

Inserir CODE, HTML ou PHP:
/*  widget : search

/* ------------------------------------ */

.widget_search {  }

.widget_search input.search { background: #fff url(img/widgets/search.png) no-repeat 8px 11px; background-size: 12px 12px; color: #999; padding-left: 26px; width: 100%; }

.widget_search input.search:focus { color: #444; }

.widget_search label.screen-reader-text { display: none; }

.widget_search input#searchsubmit { display: none; }

Mi theme (Typegrid) tiene opcion para insertar custom css, pero tampoco estoy seguro como es que tendria que ponerlo.
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Cual es la URL del theme?

get_search_form() llama a un formulario de busqueda.

Me gustaria ver la URL para saber de que se trata.

Saludos.
 
Para trabajar con modificaciones del css yo te recomiendo utilizar chrome o firefox...

En Chrome cuando eliges un elemento de la pagina y le das al boton derecho del mouse te da la opcion de "inspeccionar elemento". Asi accedes al codigo html y los css inline a la izquierda y los valores css a la derecha...

Esta herramienta te vale para saber donde estan los cambios originales (archivo y numero de linea) y para modificar online los valores y ver que es lo que realmente necesitas cambiar...

Yo lo utilizo mucho incluso en la programacion de los CMS y me da buenos resultados.

Espero haberte sido util.
Saludos
 
Pon la url de la pagina donde podemos ver esto asi te ayudamos.
 

Tópicos similares

Voltar
Topo