Ajuda com a localização do texto em HTML

WebmasterKing · 16/02/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/02/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/02/2023

RaynierL disse:
Ver o anexo 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/02/2023

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

WebmasterKing · 16/02/2023

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

Quiero que quede asi:

Puko · 16/02/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/02/2023

o ...

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

WebmasterKing · 17/02/2023

Puko disse:
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/02/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/02/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/02/2023

Muchisimas gracias amigo!! ya lo arregle

Ajuda com a localização do texto em HTML

WebmasterKing

RaynierL

WebmasterKing

moiseseccam

WebmasterKing

Puko

Puko

WebmasterKing

Puko

Puko

Anexos

WebmasterKing

Tópicos similares