Ayuda con la ubicación del texto en HTML

WebmasterKing · 16 Feb 2023

Hola querido amigos!!

De antemano muchas gracias, por leer mi hilo!!

Esta es la URL: https://powerlotto.net/powerball-and-mega-millions-results/
El problema es que pongo un texto que dice Watch The Draw video. abajo de la linea de numeros y luego sale el texto en otro lado, me esta volviendo loco porque pasa eso? en elementor lo pongo asi: y luego sale como en la url de arriba

RaynierL · 16 Feb 2023

Hola, ahí puedes ver el problema, el elemento de arriba esta usando solo el ancho necesario, mientras que el texto usa todo el espacio disponible. Hay muchas formas de resolver esto, dependiendo del diseño que quieras pero una solucion seria hacer un contenedor (creo que es una sección en Elementor) con un ancho predefinido.

Edit: Ahora que lo he visto mejor, ocurre que no has colocado el elemento dentro la Columna en elementor, intenta usar el "Navigator".

WebmasterKing · 16 Feb 2023

RaynierL dijo:
Ver el archivo adjunto 956977
Hola, ahí puedes ver el problema, el elemento de arriba esta usando solo el ancho necesario, mientras que el texto usa todo el espacio disponible. Hay muchas formas de resolver esto, dependiendo del diseño que quieras pero una solucion seria hacer un contenedor (creo que es una sección en Elementor) con un ancho predefinido.

Edit: Ahora que lo he visto mejor, ocurre que no has colocado el elemento dentro la Columna en elementor, intenta usar el "Navigator".

Sigo sin resolverlo, tengo el elemento dentro de la columna mira:

moiseseccam · 16 Feb 2023

¿Cómo quieres que quede? NO entiendo el resultado deseado

WebmasterKing · 16 Feb 2023

moiseseccam dijo:
¿Cómo quieres que quede? NO entiendo el resultado deseado

Quiero que quede asi:

Puko · 16 Feb 2023

el <ul> no tiene width o tiene el 100% de otro div y se ¨expande"
Le pones width y float ...

.elementor-icon-list-items{
width: 458px;
float: left;
}

Puko · 16 Feb 2023

o ...

.elementor-icon-list-items{
float: left;
}
.elementor-icon-list-item {
width: 458px;
}

WebmasterKing · 17 Feb 2023

Puko dijo:
o ...

.elementor-icon-list-items{
float: left;
}
.elementor-icon-list-item {
width: 458px;
}

Hola! he puesto el ccs que me dijiste y continua igual mira: https://powerlotto.net/powerball-and-mega-millions-results/

Puko · 17 Feb 2023

Ponle ... !important pero no se si le afecte a otros elementos ...

.elementor-icon-list-items{
float: left !important;
}
.elementor-icon-list-item {
width: 458px !important;
}

O agregale un nuevo .class a <ul> y <li> y su css ... por ejemplo : (floatleft y widthnew)

<ul class="elementor-icon-list-items floatleft">
<li class="elementor-icon-list-item widthnew">

Watch The Draw video
</li>
</ul>

.floatleft{
float: left !important;
}
.widthnew {
width: 458px !important;
}

O

<ul class="elementor-icon-list-items" style="float: left !important;">
<li class="elementor-icon-list-item" style="width: 458px !important;">

Puko · 17 Feb 2023

Lo pones en de arriba el del icono azul, (Watch The Draw video)
No el nuevo que pusiste, ese quitalo

Asi queda (imagen)

WebmasterKing · 17 Feb 2023

Muchisimas gracias amigo!! ya lo arregle

Ayuda con la ubicación del texto en HTML

WebmasterKing

RaynierL

WebmasterKing

moiseseccam

WebmasterKing

Puko

Puko

WebmasterKing

Puko

Puko

Adjuntos

WebmasterKing

Temas similares