Avisos
Vaciar todo

[Resuelto] Hola he intentando dar border-radius al siguiente widget

14 Respuestas
4 Usuarios
0 Reactions
75 Visitas
Respuestas: 256
Reputable Member
Topic starter
 

Hola he intentando dar border-radius al siguiente widget, pero no lo he logrado, solo he podido dar border-radius a las cajas del lado derecho, me intención es a las 4 cajas (totales), me pueden hechar una mano por favor, gracias por su tiempo

Captura de Pantalla 2021 02 22 a la(s) 02.50.20

 

Contenido solo visible a usuarios registrados


 
Respondido : 22/02/2021 6:01 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Carlos

Por favor puedes adjuntar una URL donde podamos ver esas secciones ? estoy buscando y no las encuentro.

 

Un saludo

 


 
Respondido : 22/02/2021 9:13 am
Respuestas: 256
Reputable Member
Topic starter
 

Hola gracias  www.mercadoautoschile.cl/blog


 
Respondido : 23/02/2021 3:27 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos,

Lamentablemente es imposible asistirte con tu página web en modo mantenimiento, por favor, desactiva el modo mantenimiento para poder acceder al contenido y así poder asistirte.

Saludos 


 
Respondido : 23/02/2021 3:57 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos, 

Agrega el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:

div.uael-post-wrapper.uael-post-wrapper-featured.autos > div > div > div.uael-post__thumbnail > a{
border-radius: 10px;
}

.elementor-element[data-widget_type="uael-posts.news"] .uael-post__thumbnail a{
border-radius: 10px;
}

Saludos 🙂


 
Respondido : 23/02/2021 6:28 am
Respuestas: 256
Reputable Member
Topic starter
 

Hola, quedo bordeado pero no completamente, adjunto imagen, gracias por su tiempo 🙂

Captura de Pantalla 2021 02 23 a la(s) 05.09.37

 


 
Respondido : 23/02/2021 8:11 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Carlos.

Elimina el código anterior y añade lo siguiente:

.uael-post__thumbnail {
border: 2px solid #014DB7;
border-radius: 25px;
}

 

Un saludo


 
Respondido : 23/02/2021 9:10 am
Respuestas: 256
Reputable Member
Topic starter
 

Hola quedo así, con las imágenes con border radius, pero no la caja el contorno, en la segunda y tercera captura adjunto lo que me gustaría que tuviera borde por el contorno

Captura de Pantalla 2021 02 25 a la(s) 00.42.22
Captura de Pantalla 2021 02 25 a la(s) 00.43.30
Captura de Pantalla 2021 02 25 a la(s) 00.41.17

 

 


 
Respondido : 25/02/2021 3:46 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@formusicprogmail-com

Hola Carlos, 

No me queda del todo claro a qué te refieres. Por favor, adjunta capturas de pantalla donde nos señales explícitamente a qué bordes estás haciendo referencia. De esta manera podemos ofrecerte una solución eficiente.

Saludos 


 
Respondido : 25/02/2021 3:53 am
Respuestas: 256
Reputable Member
Topic starter
 

Hola adjunto imagen seleccionando los bordes de los posts, mas que nada lo que comentaba era que todas las cajas incluyendo la caja de imagen que es un post tengan un border radius 

Captura de Pantalla 2021 02 25 a la(s) 21.43.03

 
Respondido : 26/02/2021 12:53 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola, 

Prueba insertando el siguiente CSS:

.uael-post-wrapper-featured .uael-post__thumbnail{
border-radius: 90px !important;
}
.uael-post__content-wrap {
padding: 30px 30px 60px 30px;
bottom: 0px;
border-radius: 100px !important;
}

body > div.elementor.elementor-25848.elementor-location-archive > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-1475c8a.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div > div > div.elementor-element.elementor-element-3f6f032.uael-posts-thumbnail-ratio.elementor-widget.elementor-widget-uael-posts > div > div.uael-post__body > div > div.uael-post-grid__inner.uael-post__columns-1.uael-post__columns-tablet-1.uael-post__columns-mobile-1 > div > div > div > div.uael-post__thumbnail > a {
border-radius: 20px 0px 0px 20px !important;
}

body > div.elementor.elementor-25848.elementor-location-archive > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-1475c8a.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div > div > div.elementor-element.elementor-element-3f6f032.uael-posts-thumbnail-ratio.elementor-widget.elementor-widget-uael-posts > div > div.uael-post__body > div > div.uael-post-grid__inner.uael-post__columns-1.uael-post__columns-tablet-1.uael-post__columns-mobile-1 > div > div{
border-radius:20px;
}
.uael-post__inner-wrap {
box-shadow: 0px 0px 0px 0px transparent !important;
background-color:transparent;
}

Saludos 🙂


 
Respondido : 26/02/2021 2:32 am
Respuestas: 256
Reputable Member
Topic starter
 

Gracias me ha servido parte del código, muchas gracias 🙂


 
Respondido : 28/02/2021 4:48 am
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Carlos,

Gracias a ti, siempre encantados en poder ayudarte

Coméntanos si con esto podemos dar el tema como solucionado

Un Saludo


 
Respondido : 28/02/2021 4:52 am
Respuestas: 256
Reputable Member
Topic starter
 

si solucionado gracias 🙂


 
Respondido : 02/03/2021 1:24 am