fallo con el css y html

• 

  miguelgarciayague · Miembro · abril 14, 2021 at 10:08 am

  • Copiar enlace
  • Añadir tema a favoritos

  Hola buenas, quiero usar el estilo css siguiente:
  .photo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  }
  .photo img{
  width: 200px;
  height: 280px;
  object-fit: cover;

  box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);
  display: block;
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: -10px;
  }
  .photo:hover img{
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
  }
  .photo .glow-wrap{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
  }
  .photo .glow{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(255,255,255,.2);
  top: 0;
  filter: blur(5px);
  transform: rotate(45deg) translate(-450%, 0);
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .photo:hover .glow{
  transform: rotate(45deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .photo:hover img,
  .photo:hover .glow-wrap{
  margin-top: 0;
  }

  Esta puesto en este html:
  […]
  pero cuando lo copio en mi web se me duplica el apartado html del #.
  tan solo quiero poner el estilo(CSS) en mis imágenes de wordpress pero no se que clases o como cambiarlo ya que en wordpres al añadir una imagen me sale así:
  […]
  Si me pudiesen ayudar sería de gran ayuda porque me estoy volviendo loco.

• 

  miguelgarciayague · Miembro · abril 14, 2021 at 10:11 am

  • Copiar enlace

  El código de la primera imagen es:

  […]

  el de la segunda

  […]

• 

  galois · Moderador · abril 14, 2021 at 10:19 am

  • Copiar enlace

  Buenos días.
  ¿Cuál es la dirección completa (https://…) del sitio web al que haces referencia?

  Ten presente que en este foro solo damos soporte a sitios o blogs alojados en WordPress.com y no damos soporte a sitios autoalojados en hostings contratados.

• 

  miguelgarciayague · Miembro · abril 14, 2021 at 10:55 am

  • Copiar enlace

  vale he conseguido arreglarlo pero me sale la imagen en mitad de la pantalla por encima del menú y la cabecera, podrían decirme como puedo hacer para que me salga en su sitio y siga siendo responsive? muchas gracias

• 

  galois · Moderador · abril 14, 2021 at 11:02 am

  • Copiar enlace

  Hola de nuevo.
  No te podemos ayudar si tu sitio web no está alojado aquí en WordPress.com (no has respondido la pregunta que te hice en mi respuesta anterior).

  En este foro solo damos soporte a sitios alojados aquí y no damos soporte a sitios autoalojados en hostings contratados o en local.
  Tienes más información aquí, en el punto 1:
  https://wordpress.com/es/forums/topic/mensaje-importante-leer-antes-de-utilizar-los-foros-1/

  y aquí:
  https://wordpress.com/es/support/com-vs-org/

• 

  miguelgarciayague · Miembro · abril 14, 2021 at 11:02 am

  • Copiar enlace

  hago la página en wordpress si

• 

  galois · Moderador · abril 14, 2021 at 11:06 am

  • Copiar enlace

  hago la página en wordpress si

  Si no nos dices la dirección (https://…) y dónde está alojada tu página, no te podemos ayudar, lo siento.

  Te reitero la información:
  En este foro solo damos soporte a sitios alojados aquí y no damos soporte a sitios autoalojados en hostings contratados o en local.
  Tienes más información aquí, en el punto 1:
  https://wordpress.com/es/forums/topic/mensaje-importante-leer-antes-de-utilizar-los-foros-1/

  y aquí:
  https://wordpress.com/es/support/com-vs-org/

  Por favor lee los artículos que te enlacé.