Como centrar imagen en header de WordPress correctamente

  • Autor Autor brayest
  • Fecha de inicio Fecha de inicio
brayest

brayest

Beta
Redactor
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buen dia betas, estoy intentando poner una imagen en el header de mi blog y esta al momento de ponerla en el apartado de imagen de cabecera aparece asi en la parte superior izquierda,:

1580824842364.webp


despues intento ponerla como logo de la pagina y me aparece de la misma manera pero un poco mas grande.

1580825162630.webp


pero asi de igual manera no la quiero poner, intento dejarla centrada y en su tamaño normal, pense en ponerla en el banner header pero tampoco funciona pues queda hacia la derecha de la pagina asi.

1580825407806.webp


y tampoco me sirve asi, alguno sabe como la puedo modificar para que quede totalmente centrada en la parte superior mostrando como si fuera mi logo o imagen de bienvenida ? o si saben de algun plugin que pueda usar para que me quede como les explique, muchas gracias a los que se tomen el tiempo de responder el tema.
 
CSS:
.class {
  text-align: center !important;

intenta con este codigo, lo e usado en mi web y funciona es de tipo css, debes cambiar el .class por la clase o div etc que contenga la imagen lo puedes ver en inspeccionar elementos.
 
Pasa el link
 
Depende de ti.
El lg-8 es solo para desktop, el resto es para pantallas mas chicas y tablets
 
¿Probaste no colocarlo como header ni como logo, sino subir la imagen y luego con código centrarla ahí?
 
Depende de ti.
El lg-8 es solo para desktop, el resto es para pantallas mas chicas y tablets
me funciono bastante muchas gracias. lo tendrè en cuenta mas adelante.
 
¿Probaste no colocarlo como header ni como logo, sino subir la imagen y luego con código centrarla ahí?
ya me funciono con las pequeñas modificaciones de codigo que me dijo el compañero.
 
Así me sucedía con mi página Somos movies y lo que hice fue tomar las medidas de pantalla para luego usar los atributos de CSS y definir la imagen como si se tratase de una caja en HTML. Creo que no es la mejor forma y quizás halla algunas más fáciles pero por código te lo recomiendo mucho, coloca la imagen dentro de un <div> y acuerda colocar los "class" para que manejes el contenido correctamente
 
Así me sucedía con mi página Somos movies y lo que hice fue tomar las medidas de pantalla para luego usar los atributos de CSS y definir la imagen como si se tratase de una caja en HTML. Creo que no es la mejor forma y quizás halla algunas más fáciles pero por código te lo recomiendo mucho, coloca la imagen dentro de un <div> y acuerda colocar los "class" para que manejes el contenido correctamente

muchas gracias es una opcion que tendrè en cuenta mas adelante.
 
Atrás
Arriba