Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal
  • 0
Guest Puppet

Cambiar el line-height a los posts en tema default

Pregunta

Guest Puppet

Hola gente, quisiera que me ayudaran a cambiar el line-height de los posts en el tema default.

Cuando cambio el tamaño de la letra se ve muy junto para mi gusto. Quisiera saber que archivo modificar para poder cambiar este valor.

Segun Inspeccionar Elemento, el line-height esta a 18pt.

 

He aqui a lo que me refiero:

i2qEjSC.png

 

5MdDySi.png

 

PD: La web esta en Localhost.

Compartir este post


Enlace al post
Compartir en otros sitios

13 respuestas a esta pregunta

Recommended Posts

  • 0
Puedes buscar en el archivo m.post_content.tpl lo siguiente:
                            <span>
                                
                                {$tsPost.post_body}
                            
                            </span>

Y dentro del primer <span> agregar un style y quedaría asi:

<span style="line-height: AQUI CAMBIAS EL NUMERO">

Y con eso se estaría cambiando lo que quieres.

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
Guest Puppet
hace 30 minutos, Tuente dijo:
Puedes buscar en el archivo m.post_content.tpl lo siguiente:
                            <span>
                                
                                {$tsPost.post_body}
                            
                            </span>

Y dentro del primer <span> agregar un style y quedaría asi:

<span style="line-height: AQUI CAMBIAS EL NUMERO">

Y con eso se estaría cambiando lo que quieres.

 

Primero que todo gracias por la respuesta :D, pero... Hice lo que me comentas pero no resulto, el texto sigue igual...

WSAVTAd.png

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
hace 2 minutos, Puppet dijo:

 

Primero que todo gracias por la respuesta :D, pero... Hice lo que me comentas pero no resulto, el texto sigue igual...

WSAVTAd.png

Primero: El <span style="line-height:1.8em"> tenias que reemplazarlo por el que esta arriba del {$tsPost}, no ponerlo debajo :huh: y ponle 20px en vez de 1.8em, esa distancia estaría bien y ponle un !important, que quede asi: line-height: 20px !important; Fijate que tal

Editado por Tuente

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
Guest Puppet
hace 3 minutos, Tuente dijo:

Ponle 20px en vez de 1.8em, esa distancia estaría bien y ponle un !important, que quede asi: line-height: 20px !important; Fijate que tal

Lo hice pero sigue igual en los posts D:, que estare haciendo mal?. Ya borre caches e intente entrar desde otro navegador y es lo mismo

NXaVjQZ.png

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
hace 2 minutos, Puppet dijo:

Lo hice pero sigue igual en los posts D:, que estare haciendo mal?. Ya borre caches e intente entrar desde otro navegador y es lo mismo

NXaVjQZ.png

 

Ese código debe quedar asi:

                            <span style="line-height:20px !important;">                                
                                {$tsPost.post_body}
                            </span>

En el código que mostraste debes borrar lo que te marcaré:

                            <span>                                
                                {$tsPost.post_body}
                              	<span style="line-height:20px !important;">  <!-- Borrar esta línea -->
                            </span>

 

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
Guest Puppet
hace 2 minutos, Tuente dijo:

 

Ese código debe quedar asi:

                            <span style="line-height:20px !important;">                                
                                {$tsPost.post_body}
                            </span>

En el código que mostraste debes borrar lo que te marcaré:

                            <span>                                
                                {$tsPost.post_body}
                              	<span style="line-height:20px !important;">  <!-- Borrar esta línea -->
                            </span>

 

 

Listo, pero me temo que no hay cambios...

ieDjVJ8.png

 

Tambien note que el line-height no es fijo, depende el tamaño que le ponga al bbcode [size=] cambia el line-height, no se si tenga algo que ver xD

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
hace 4 minutos, Puppet dijo:

 

Listo, pero me temo que no hay cambios...

ieDjVJ8.png

 

Tambien note que el line-height no es fijo, depende el tamaño que le ponga al bbcode [size=] cambia el line-height, no se si tenga algo que ver xD

Intenta cambiarle el 20px entonces por un numero más grande en px, y si igual depende del tamaño del bbcode jaja

  • Me gusta 1

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
Guest Puppet
hace 3 minutos, Tuente dijo:

Intenta cambiarle el 20px entonces por un numero más grande en px, y si igual depende del tamaño del bbcode jaja

Nada, puedes ver directamente el archivo que estoy modificando si gustas :/, quiza este haciendo algo mal

m.posts_content.tpl

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0

Hola,prueba esto,deja el archivo m.posts_content.tpl como estaba,tienes que cambiar

<span style="line-height:80px !important;">
{$tsPost.post_body}
</span>


por

<span>
   {$tsPost.post_body}                   
</span>


en estilo.css buscas

.post-contenido {
    word-wrap: break-word;
    font-size: 13px;
    line-height: 1.5em;
}

y ahí le cambias el valor a la propiedad font-size

font-size:13px --> font-size:18px

el valor de la proiedad line-height ,lo dejas igual.

 

 

Compartir este post


Enlace al post
Compartir en otros sitios
  • 0
Guest Puppet
hace 11 horas, Tronlar dijo:

Hola,prueba esto,deja el archivo m.posts_content.tpl como estaba,tienes que cambiar

<span style="line-height:80px !important;">
{$tsPost.post_body}
</span>


por

<span>
   {$tsPost.post_body}                   
</span>


en estilo.css buscas

.post-contenido {
    word-wrap: break-word;
    font-size: 13px;
    line-height: 1.5em;
}

y ahí le cambias el valor a la propiedad font-size

font-size:13px --> font-size:18px

el valor de la proiedad line-height ,lo dejas igual.

 

 

 

Hola, hice lo que me comentas y no vi ningun cambio. cambie el valor de la propiedad font-size a 30px para ver si algo cambiaba, y lo unico que cambio fue el control de moderacion del post :/

tSwy5uX.png

SggJcxq.png

 

 

Compartir este post


Enlace al post
Compartir en otros sitios

Registra una cuenta o conéctate para comentar

Debes ser un miembro de la comunidad para dejar un comentario


  • Similar Content

    • Por Rebieta
      Buenas quería pedir un mod de compartir en redes sociales que sea parecido a esto si es posible:
       

       
      Que se aplique aqui en los Posts:
       

       
      Entonces quedaría algo así vean:
       

       
      La idea la saque de esta página vean:
       
      http://www.falconmasters.com/tutoriales/barra-social-vertical-html-y-css3/
       

    • Por Rebieta
      Buenas como publiqué este pedido en un "foro incorrecto" vuelvo a publicarlo pero acá en el foro de pedidos a ver si alguien puede ayudarme 
       
      Necesito adaptar este mod:
       
       
      Para que al lado del nombre del usuario en el perfil aparezca un icono así  y el title sea "Hoy es su Cumpleaños!", y obviamente que este se muestre solo en la fecha de cumpleaños de los usuarios, es un complemento que tiene Taringa! y me sorprendió no encontrarlo aquí por eso, si alguno quiere y puede adaptar el mod estaría genial  Gracias
    • Por Rebieta
      Buenas alguien aqui podría adaptar este mod:
       
       
      Para que al lado del nombre del usuario en el perfil aparezca un icono así  y el title sea "Hoy es su Cumpleaños!", y obviamente que este se muestre solo en la fecha de cumpleaños de los usuarios, es un complemento que tiene Taringa! y me sorprendió no encontrarlo aquí por eso, si alguno quiere y puede adaptar el mod estaría genial 
    • Por Rebieta
      Buenas amigos lo que pido es agregar el icono de recargar que tiene la caja de comentarios recientes en otras cajas, por ejemplo:
       

      Insertarlo en por ejemplo la caja de últimos posts, se vería así:
       

       
      Eso sería todo, gracias por pasar
    • Por Rebieta
      Buenas tuve unos errores y me dijeron que pase todos los archivos de la carpeta CLASS por el migrador http://www.phpost.net/migrate/ y pongo las opciones Varios archivos PHP y Normal, pero una vez que le doy a Comenzar migración me sale este error "No se ha podido modificar el archivo. Utilice la opción "varios archivos" para migrarlo." y solo estoy poniendo de a 5 archivos no los puse todos juntos, es un error común?
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×