Eliminar fondo de anuncios en widget de forma manual

  • Autor Autor Usuario eliminado 161863
  • Fecha de inicio Fecha de inicio
U

Usuario eliminado 161863

Hola, ahora que Google ha retirado el plugin Adsense me he visto obligado a insertar los anuncios de manera manual usando widgegs de texto. Pero me gustaria saber como eliminar el fondo de los widget ya que el anuncio se muestra con un fondo blanco como los demas widgets y queda un poco feo.

La cuestion es: como se puede quitar el fondo a un widget especifico?

Uso el theme TrueMag.

Muchas gracias a todos!

Enviado desde mi ONEPLUS A3003 mediante Tapatalk
 
Última edición por un moderador:
Si el color de fondo es de algun plugin o theme debes editar el css
 
Mega dijo:
Si el color de fondo es de algun plugin o theme debes editar el css
Hacer clic para expandir...
Si, pero quiero editar el css de un widget en especifico. Pero no consigo lograrlo.

Enviado desde mi ONEPLUS A3003 mediante Tapatalk
 
[MENTION=161863]sergio279[/MENTION],
Estoy revisando tu web y no veo ningún anuncio con fondo blanco por ninguna parte, tan sólo veo 2 anuncios, uno en el header y otro en el footer, ¿ puedes indicarme donde tienes exactamente esos anuncios cuyo fondo deseas modificar?
 
piano dijo:
[MENTION=161863]sergio279[/MENTION],
Estoy revisando tu web y no veo ningún anuncio con fondo blanco por ninguna parte, tan sólo veo 2 anuncios, uno en el header y otro en el footer, ¿ puedes indicarme donde tienes exactamente esos anuncios cuyo fondo deseas modificar?
Hacer clic para expandir...
Ahora mismo los tengo quitado precisamente por eso. Pero para probar puedes intentar a cambiar el fondo del widget del cuadro de busqueda de ma izquierda por ejemplo.

Yo lo que he probado al estar en un DIV es meterle el stilo en el style.css pero no me funcionado
 
Pues no se... a lo mejor no te estoy entendiendo bien pero a mi si que me funciona modificando el class "#sidebar.widget".
Lo que ocurre es que haciéndolo así modificas el fondo de todos los widget, entonces, si sólo quieres modificar ese widget en concreto, puedes hacerlo a través de su ID. En este caso modificarías el CSS del siguiente elemento:

div#search-3.widget

O tal vez lo que pueda estar sucediendo es que se esté cargando otro CSS después del tuyo que esté sobreescribiendo tu modificación. Pero eso deberías poder solucionarlo con un !important donde corresponda. Por ejemplo, en este caso, para poner el background en transparente solo en ese div sería así:

Insertar CODE, HTML o PHP: 
div#search-3.widget {
background: rgba(255, 255, 255, 0)!important;
}
 
Última edición:
piano dijo:
Pues no se... a lo mejor no te estoy entendiendo bien pero a mi si que me funciona modificando el class "#sidebar.widget". Mira:

Ver el archivo adjunto 98717

Lo que ocurre es que haciéndolo así modificas el fondo de todos los widget, entonces, si sólo quieres modificar ese widget en concreto, puedes hacerlo a través de su ID. En este caso modificarías el CSS del siguiente elemento:

div#search-3.widget

O tal vez lo que pueda estar sucediendo es que se esté cargando otro CSS después del tuyo que esté sobreescribiendo tu modificación. Pero eso deberías poder solucionarlo con un !important donde corresponda. Por ejemplo, en este caso, para poner el background en transparente solo en ese div sería así:

Insertar CODE, HTML o PHP: 
div#search-3.widget {
background: rgba(255, 255, 255, 0)!important;
}
Hacer clic para expandir...
Gracias. Efectivamente así funciona, lo estaba haciendo mal, en el css no estaba poniendo delante del elemento div. Lo unico que me queda es como quitar esa especio de marco o sombra que aparevlce para dejarlo totalmente plano y transparente.

Enviado desde mi ONEPLUS A3003 mediante Tapatalk
 
sergio279 dijo:
Gracias. Efectivamente así funciona, lo estaba haciendo mal, en el css no estaba poniendo delante del elemento div. Lo unico que me queda es como quitar esa especio de marco o sombra que aparevlce para dejarlo totalmente plano y transparente.
Enviado desde mi ONEPLUS A3003 mediante Tapatalk
Hacer clic para expandir...

En el mismo elemento que antes el borde lo quitas así:

Insertar CODE, HTML o PHP: 
border:none!important;

Y la sombra la quitas así:

Insertar CODE, HTML o PHP: 
box-shadow:none!important;

Prueba a ver y me dices.
 
piano dijo:
En el mismo elemento que antes el borde lo quitas así:

Insertar CODE, HTML o PHP: 
border:none!important;

Y la sombra la quitas así:

Insertar CODE, HTML o PHP: 
box-shadow:none!important;

Prueba a ver y me dices.
Hacer clic para expandir...
Genial!
Me ha quedado perfecto y sobre todo y lo que es mejor ya he aprendido algo más de css.
Muchas gracias!

Edito: En la version movil (mirando la página desde un movil no me sale este widget, por que es?

Enviado desde mi ONEPLUS A3003 mediante Tapatalk
 
Última edición por un moderador:
sergio279 dijo:
Genial!
Me ha quedado perfecto y sobre todo y lo que es mejor ya he aprendido algo más de css.
Muchas gracias!

Enviado desde mi ONEPLUS A3003 mediante Tapatalk
Hacer clic para expandir...

De nada compañero, me alegra haber podido ser de ayuda.

P.D. Yo si fuera tú editaría el post inicial y borraría el link a la página web. No suele ser buena idea dejar los links a nuestras páginas por aquí y menos todavía si usas AdSense... :encouragement:

- - - Actualizado - - -

sergio279 dijo:
Edito: En la version movil (mirando la página desde un movil no me sale este widget, por que es?
Hacer clic para expandir...
Eso ya es configuración del theme. En ese sentido no te puedo ayudar mucho porque yo no conozco WP, pero es muy probable que esté hecho desde el propio CSS.

Es decir, ese widget tendrá en algún lugar del CSS algo parecido a esto:
Insertar CODE, HTML o PHP: 
@media ( max-width: 468px) {
display: none;
}
que lo que hace es ocultar ese elemento para dispositivos cuyo ancho de pantalla máximo es el indicado. Esto suele ser lo habitual en la mayor parte de themes y plantillas. Por otra parte si el theme usa algún framework tipo Bootstrap entonces lo hará con las clases específicas de bootstrap previamente configuradas ( mobile / tablet / desktop ) y si usa otro framework entonces supongo que tendrá otras clases específicas.
Ahí ya no te queda más remedio que recurrir a la documentación/soporte del desarrollador del theme o mirarlo tú a mano en el CSS hasta que lo encuentres. De todas formas yo lo estoy mirando desde aquí y a mi si que me sale, lo estoy viendo desde un Samsung Galaxy y sin problemas, lo que pasa es que me envía la columna derecha hasta abajo del todo que es lo habitual.
 
Última edición:
Hay que estar conectado o registrado para responder aquí.

Temas similares

Q
Mejor color de fondo para anuncios de texto en widgets
Respuestas
3
Visitas
423
olaxpiston
O
Atrás
Arriba