• sergio279

    (@sergio279)


    Hola a todos, estoy buscando editar el header de mi tema de manera manual, es decir por CSS no por las opciones que trae el tema que el mio personalmente trae muy pocas.
    Ahora mismo en el header tengo una imagen puesta y un widget con redes sociales, lo que busco es cambiar el tamaño de la imagen que tengo puesta y mover el widget hacia la derecha y dejarlo alineado a la derecha. Os dejo una foto para que os hagais una idea:
    http://fotos.subefotos.com/007cdac6068193ca973fe75df795fb43o.png

    Como veís quiero aumentar la imagen hasta dejarla del mismo tamaño del cuadro negro, y el widget de redes sociales moverlo y dejarlo alineado a la derecha, donde he situado el cuadro azul.

    El tema que estoy usando es Envince.

    Muchas gracias a todos! 😉

Viendo 15 respuestas - de la 1 a la 15 (de un total de 17)
  • Jose Lazo

    (@jose-lazo)

    Hola Sergio,

    Lo mejor es que crees un tema hijo (childtheme) para realizar los cambios.

    Una vez creado, modifica el CSS en el tema hijo o incluso copia el archivo header.php del tema Envince en el tema hijo y modifícalo ahí sin problemas. Esto sobreescribirá al archivo header.php original.

    Un saludo

    Iniciador del debate sergio279

    (@sergio279)

    Hola!
    Gracias por la contestación. El caso es que si edito el header.php cuando actualice la plantilla se me borran todos los cambios que he hecho. Por eso me gustaría hacerlo por CSS,pero no se como…

    Un saludo y a ver si al final podemos sacar entre todos como hacerlo 🙂

    Moderador Jose Conti

    (@jconti)

    Hola sergio279,

    Precisamente por eso que comentas, Jose Lazo te ha dicho de crear un Child Theme

    https://codex.wordpress.org/Child_Themes

    Creando un Child, no perderás los cambios cuando actualices.

    Saludos

    Moderador LGrusin

    (@lgrusin)

    Ya el tema tal como viene alinea el logo a la izquierda y el widget de la cabecera a la derecha.

    Si ya has realizado modificaciones es posible que afecten a la cabecera. Prueba con un tema original y verás lo que te digo.

    Un saludo

    Iniciador del debate sergio279

    (@sergio279)

    Hola Jose Conti, aunque cree el Child Theme no se como modificarlo para hacer lo que comentaba antes…

    Iniciador del debate sergio279

    (@sergio279)

    LGrusin, al principio si que me lo alineaba a la izquierda y a la derecha. Pero cuando actualicé ayer el tema se me ha quedado así.
    Por eso quiero saber como cambiar el tamaño del logo y alinear a la izquierda el widget..

    Muchas gracias a todos!

    Iniciador del debate sergio279

    (@sergio279)

    Hola a todos!
    Ya he creado el tema hijo con el plugin «Child theme configurator»

    Ahora lo que quiero hacer es lo que dije en el primer post.
    Aumentar el tamaño de la imagen que tengo en el header y alinear el widget a la derecha del header.

    Muchas gracias y un saludo a todos 🙂

    Iniciador del debate sergio279

    (@sergio279)

    Alguién me ayuda?
    El link de la web es este: andro-life.com
    Y el tema es Envince. He creado el tema hijo también.
    Pero no se como cambiar el tamaño del logo y alinear el widget de redes sociales a la derecha…

    A ver si me podeis ayufar porfa 🙂

    Gracias! 🙂

    Moderador LGrusin

    (@lgrusin)

    Pues si, hace dos dias que han actualizado el tema…

    Tienes otra opción, crear un menú para los iconos sociales y añadirlo al espacio que el tema tiene reservado para la parte superior.

    Sobre el logo decirte que está al 33.33 % del tamaño de la cabecera. Es decir, logo a la izquierda de la cabecera al 33% y el resto a la derecha al 66 %. Tendrías que modificar esos valores y no añadir (o quitar) el widget de la cabecera.

    De todas formas, este es un ejemplo de un tema en el que no te hubiese servido de nada crear un Child Theme puesto que el autor ha cambiado bastante los estilos CSS y posiblemente algún código interno.

    Un saludo

    Moderador Jose Conti

    (@jconti)

    LGrusin,

    Eso no quita que deba crear el Child. El código se suele cambiar cada mucho, si es que se cambia.

    Tal y como lo dices, parece que le estés diciendo que no vale la pena hacerlo.

    Iniciador del debate sergio279

    (@sergio279)

    Entonces el logo ocupa el 33.3% de la cabecera, donde puedo encontrar los parametros para cambiar esta proporción?

    Por que entonces no se puede configurar como antes? Ni tocando código?

    Respecto a lo del child theme, lo dejaré hecho para trabajar sobre el como me habeís recomendado 🙂

    Muchas gracias por la ayuda!!

    EDITO:
    Se me ocurre que editando la proporción que ocupa el logo y cambiándolo a 66,6% automáticamente supongo que el widget pasará a ocupar 33,3% y se alineará a la derecha. Pero no se donde está la opción o cuál es el codigo para editar el tamaño del logo.

    Iniciador del debate sergio279

    (@sergio279)

    Hola a todos!
    Al final he puesto un menu con los iconos de las redes sociales arriba del header como me dijo LGrusin, muchas gracias!

    Ahora quiero poner el logo más grande, que ocupe un poco más de ese 33.3% a ver si puede ser posible…Y ya que me pongo a editar el header que tengo que editar para modificar su altura? Y hacerlo un poco más pequeño de altura, asi no queda tanto espacio por arriba y por abajo.

    Un saludo a todos y muchas gracias, sin vuestra ayuda no avanzaria 🙂 🙂

    Moderador LGrusin

    (@lgrusin)

    sergio279

    El logo dependerá de la imagen que subas. De todas formas para cambiar el espacio superior e inferior, en el archivo style.css tienes
    #main-header {
    padding-top: 20px;
    padding-bottom: 20px;
    }
    modifica los valores.

    Jose Conti,

    Existen temas en los que el autor realiza tantos cambios que terminan inutilizando el tema hijo. No son muchos los casos pero si que existen, este es un ejemplo. En el foro pueden encontrarse más.

    A la típica frase «Crea un Child Theme para que no pierdas los cambios realizados en caso de actualización», habría que añadir la coletilla «siempre y cuando no haya modificaciones profundas en el tema padre». A esto me refería.

    Puesto que el tema hijo, utilizando el simil del parentesco, depende totalmente del tema padre, si cambias este último dejas al tema hijo «huérfano».

    Un saludo

    Iniciador del debate sergio279

    (@sergio279)

    Gracias LGrusin, el caso es que sea del tamaño que sea la iamgen siempre ocupa ese espacio. Y si es grande se reduce automaticamente…
    Me está dando muchos conflictos este tema, me recomendaís alguno que sea similar pero que por lo menos sea estable y conocido? Ya que de este no he encontrado nada por Internet jeje

    Un saludo.

    Moderador LGrusin

    (@lgrusin)

    Pero si no queda tan mal como está ahora, yo lo veo bien. Además con los móviles queda perfecto.

    Con el trabajo que has tenido no merece la pena cambiar a otro tema. Te pasará lo mismo, siempre habrá algo que no te guste.

    Saludos

Viendo 15 respuestas - de la 1 a la 15 (de un total de 17)
  • El debate ‘Editar header del tema’ está cerrado a nuevas respuestas.