Ayuda Editando twenty twelve

Inicio Foros WordPress Themes y Diseño Ayuda Editando twenty twelve

Etiquetado: 

Este debate contiene 4 respuestas, tiene 2 mensajes y lo actualizó  Tamagochi hace 4 años, 7 meses.

  • Autor
    Publicaciones
  • #74769

    Tamagochi
    Participante

    Hola

    Estoy intentando editar Twenty Twelve, en un child theme. Lo he instalado en local con instanwp pero al subirlo al servidor, algunas cosas son diferentes y no se porque.

    Espero que podais ayudarme.

    Lo primero de todo, este es mi blog: http://evitalacrisis.com/

    He abierto el localhost con internet explorer y se ve perfecto, pero cuando abro con Chrome en servidor, los menus no cargan el color de fondo, por lo que son practicamente ilegibles. Como podría cargar el color de fondo?

    En el header se ve un enorme espacio en blanco al principio de todo. Como podria borrarlo??

    Si mirais la página del blog (http://evitalacrisis.com/blog) hay un espacio enorme tambien entre los post y los widgets, Como podria reducirlo?

    Me gustaria tambien poder reducir el espacio entre los widgets. En las entradas lo he logrado pero no veo como hacerlo en los widgets.

    En los foros (http://evitalacrisis.com/foros) el texto es imposible de leer. Sabeis como podria solucionarlo?

    Y por el momento esto es todo. Agradeceria que me ayudaseis lo antes que podais para poder poner bien la web ya que para que veais los fallos he dejado cargado el theme con los errores, y claro no les va a gustar mucho a los visitantes.

    De paso acepto cualquier consejo para mejorarlo, ya que es mi primera adaptacion bestia, y vosotros teneis mas experiencia.

    Salu2

  • #74772

    LGrusin
    Miembro

    Consejos:
    1 – Hasta que no tengas el theme terminado no actives el caché, es una locura estar haciendo cambios que no se van a reflejar sobre la marcha. Trabajar así es muy incómodo por no decir imposible.
    2 – Olvida Internet Explorer, adapta el theme para que se vea bien en el resto de navegadores. IE es el último navegador por el que debes preocuparte, dejalo para el final.
    3 – Realiza los cambios poco a poco, es mucho más fácil detectar y corregir errores, el theme tal como está no lo reconoce ni su autor… 😉
    4 – Procura no repetir estilos, a veces es preferible copiar el archivo style.css del padre y usarlo en el theme hijo.

    Sobre el espacio de la cabecera modifica el valor del padding en #masthead.
    padding: 155px 0 0 0;

    Un saludo

  • #74777

    Tamagochi
    Participante

    Hola

    Gracias, he solucionado un par de cosas ademas de lo del padding.

    El tema de cargarlo en el servidor es para que lo pudierais ver por que no se como mostraros la copia local, de hay lo de la cache. Lo del theme he ido cambiando poco a poco las cosas, pero estos son los fallos que me han quedado o las cosas que no he podido cambiar. El theme original es el twenty twelve, y lo de que no se reconozca es la idea, yo no sabria empezar desde 0 un theme, por lo que tuve que editar este, que creo es el mejor para ello, pero la idea no era dejarlo tal cual. Respecto a la repeticion de estilos, has detectado alguna?? Lo digo por corregirlo por que es mas que probable que se me haya colado algo pues como digo es mi primera vez.

    Pero aun me quedan cosas por ver. Por ejemplo, el tema del espacio entre los widgets, creo que he encontrado la parte que lo controla. He cambiado:

    .widget-area .widget{
    border-bottom: .072rem solid #E8E8E8;
    padding-bottom: 2.14rem;
    margin-bottom: 2.14rem;
    }

    Por:

    .widget-area .widget{
    border-bottom: .072rem solid #E8E8E8;
    padding-bottom: 2.14rem;
    margin-bottom: 1.5rem;
    }

    Pero no cambia nada. No se por que por que. Sabeis a que se puede deber?

    El menu tanto superior como inferior, le di un formato con una barra arriba y otra abajo y un color de fondo. En local los veo perfectos, pero en el servidor no se ve nada de esto dejando los menus ilegibles. Esto es lo que he puesto:

    /* estilos menu principal superior con borde redondeado del menu*/
    .menu-menu-1-container {background:#525252;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
    .menu-menu-1-container ul {padding-left:0.9rem;}
    .menu-menu-1-container ul li a {color:#ffffff;}
    .menu-menu-1-container ul li a:hover {color:#636363;}

    /* estilos menu secundario inferior con borde redondeado del menu*/
    .menu-menu-2-container {background:#ADADAD;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
    .menu-menu-2-container ul {padding-left:0.9rem;}
    .menu-menu-2-container ul li a {color:#ffffff;}
    .menu-menu-2-container ul li a:hover {color:#636363;}

    Puse algo mal?? Lo que no entiendo es que en local se ve perfecto.

    En los foros, el texto es ilegible, pense que con la actualizacion que dejaba de hacer necesario el template pack para bbpress al hacer el theme se quedaba el diseño de los foros, pero, ya veo que no jajaja, donde lo cambio para que se pueda leer??

    Y de paso, como podria poner el boton de busqueda al lado de la barra de busqueda en lugar de abajo??

    Salu2

  • #74782

    Tamagochi
    Participante

    Hola

    He solucionado lo del menu cambiando lo que puse por esto:

    /* estilos menu principal superior con borde redondeado del menu*/
    .nav-menu {
    background: #525252;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    }
    .nav-menu {padding-left:0.9rem;}
    .nav-menu ul li a {color:#ffffff;}
    .nav-menu ul li a:hover {color:#636363;}

    Como puedo hacer para poner otros colores en el menu secundario y asi distinguirlos??

    Salu2

  • #75419

    Tamagochi
    Participante

    Hola

    Me gustaria hacer un par de cosas mas. Querria incluir el tipo de post video, y tambien me gustaria añadir un widget o algo en el que pudiera mostrar los ultimos videos, bien sea desde mi blog o desde mi canal de youtube, algo asi como lo que tiene el nuevo theme twenty fourteen en la columna derecha arriba del todo.

    Por otro lado tambien me gustaria añadir algo similar a lo de las entradas destacadas.

    Me podeis echar una mano?

    Salu2

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest