como flotar imagen arriba y titulo abajo en un gadget?

  • Autor Autor gabcor
  • Fecha de inicio Fecha de inicio
G

gabcor

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, tengo un gadget en el sidebar izquierda que sale la imagen y titulo al costado, y al ser poco el espacio quedan las palabras cortadas y por es quiero que el titulo quede abajo, pero solo en ese gadget, ya que en la sidebar derecha hay mas espacio y queda bien como está al costado.

Probé con esto de CCS pero nada cambió:

.popularpost2 img {
float: down;
}

también probé agregando en el gadget directamente
float= "down"

y tampoco hace caso, jej

ahora probé agregando
style="float:down"
y me dice que el atributo style ya se especificó para img

ayuda!!!
 
Última edición:
Hola, tengo un gadget en el sidebar izquierda que sale la imagen y titulo al costado, y al ser poco el espacio quedan las palabras cortadas y por es quiero que el titulo quede abajo, pero solo en ese gadget, ya que en la sidebar derecha hay mas espacio y queda bien como está al costado.

Probé con esto de CCS pero nada cambió:

.popularpost2 img {
float: down;
}

también probé agregando en el gadget directamente
float= "down"

y tampoco hace caso, jej

ahora probé agregando
style="float:down"
y me dice que el atributo style ya se especificó para img

ayuda!!!
manda una imagen talvez te puedo ayudar


********************************************************************************

Mi web: https://tw-cloud-game.blogspot.com
 
cual es el class del texto de tu gadget ?
es ahi donde tenes que modificar...

entra en este ejemplo online para ver como funciona el css lo podes modificar...
 
cual es el class del texto de tu gadget ?
es ahi donde tenes que modificar...

entra en este ejemplo online para ver como funciona el css lo podes modificar...
el class es "item-thumbnail"
Esta así puesto en el codigo:

<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
<b:if cond='data😛ost.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data😛ost.href' target='_blank'>
<img alt='guitar piano chords' border='0' expr:src='data😛ost.thumbnail' height='100' style='border-radius: 20px' title='acordes y letra' width='100'/>
</a>
</div>
</b:if>
<div class='item-title' style='font-size:14px;'><a expr:href='data😛ost.href'><data😛ost.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data😛ost.snippet/></div>
 
Tampoco sirvió cambiar el class
pero al final, después de probar mil cosas, lo solucioné con lo mas simple que puede haber, agregué en la plantilla entre img y title 6 saltos de línea:
<br/><br/><br/><br/><br/><br/>
y quedó como yo quería.
Me siento como el que arregla su TV a los golpes pero funciona, jeje
 
Atrás
Arriba