agergar un backroun...
 
Avisos
Vaciar todo

agergar un backround transparente debajo de las letras que no se leen

12 Respuestas
4 Usuarios
0 Reactions
34 Visitas
Respuestas: 1669
Noble Member
Topic starter
 

hola como puedo agregar este fondo transparente debajo de las letras como muestro aca

https://prnt.sc/5Ys7h3y4Vbtv

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 14/10/2022 11:46 am
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Fabiana, 

Supongo te refieres a esta sección, ya que no localizo alguna con el fondo de la imagen que nos compartes

image

Si es así, puedes usar un código como:

.sp-slider-content-align-left {
background: rgba(0,0,0, .6);
}

Un Saludo 

 

 
Respondido : 14/10/2022 11:59 am
Respuestas: 1669
Noble Member
Topic starter
 

@karen

mira la foto que te paso algo asi quiero poner para q se lea mejor

https://prnt.sc/Nzi00HH7DjRR

https://portal.dgr.gub.uy/


 
Respondido : 14/10/2022 12:57 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Fabiana, 

Entiendo que es en la misma sección que te comento anteriormente, si es así en este caso para tener el mismo fondo transparente puedes utilizar el siguiente código. 

.sp-slider-content-align-left {
background: rgba(0,0,0,0.3);
}
Revisa uy nos comentas 
 
Un Saludo

 
Respondido : 14/10/2022 1:00 pm
Respuestas: 1669
Noble Member
Topic starter
 

@karen

agrego el codigo y lo veo

https://prnt.sc/d49vW6ACluUS

pero cuando voy al inicio no aparece xq???


 
Respondido : 17/10/2022 2:20 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Fabiana.

Prueba con esto:

.wimble-home-slider.sppb-addon-sp-slider .sp-slider-content-align-left {
background: rgba(0,0,0,0.3)!important;
padding-left:10px;
}

 

Un saludo


 
Respondido : 17/10/2022 2:36 pm
Respuestas: 1669
Noble Member
Topic starter
 

@pepesoler

lo agreuge pero no lo veo no se q pasa


 
Respondido : 17/10/2022 2:51 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Fabiana.

Prueba añadirlo en el archivo preset1.css que encontraras en templates -> wimble -> css -> presets

Recuerda vaciar la cache antes de revisarlo.

 

Un saludo


 
Respondido : 17/10/2022 3:04 pm
Respuestas: 1669
Noble Member
Topic starter
 

@pepesoler

lo agregue y nada


 
Respondido : 17/10/2022 4:47 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Que tal Fabiana,

Dos cosas por validar

-Has intentado aplicar los estilos sugeridos por mis compañeros agregando el valor de !important?

.wimble-home-slider.sppb-addon-sp-slider .sp-slider-content-align-left {
background: rgba(0,0,0,0.3) !important;
padding: 20px;
}
image

-Recuerda que cualquier ajuste realizado de estilos que no se perciba al momento debemos vaciar la cache del sitio y validar en una ventana incógnita

Saludos!


 
Respondido : 17/10/2022 5:04 pm
Respuestas: 1669
Noble Member
Topic starter
 

@pepesoler

https://prnt.sc/5jtdgpEt5a9w

nada


 
Respondido : 17/10/2022 5:46 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Hola Fabiana,

Probablemente estas validando los cambios pero no has vaciado la cache de tu navegador, desde aca si que podemos ver que se han aplicado los CSS sugeridos

image

Recuerda como te hemos comentado, cada ajuste de CSS debe vaciarse la cache del sitio, la del navegador y validar en ventana incognita

Saludos!


 
Respondido : 17/10/2022 6:01 pm