Eliminar fondo de anuncios en widget de forma manual

[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

 

[Mega]

Si el color de fondo es de algun plugin o theme debes editar el css

 

[Usuario eliminado 161863]

Si el color de fondo es de algun plugin o theme debes editar el css

Si, pero quiero editar el css de un widget en especifico. Pero no consigo lograrlo.

Enviado desde mi ONEPLUS A3003 mediante Tapatalk

 

[piano]

[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?

 

[Usuario eliminado 161863]

[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?

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

 

[piano]

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í:

div#search-3.widget {
background: rgba(255, 255, 255, 0)!important;
}

 

[Usuario eliminado 161863]

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í:

div#search-3.widget {
background: rgba(255, 255, 255, 0)!important;
}

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

 

[piano]

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

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

border:none!important;

Y la sombra la quitas así:

box-shadow:none!important;

Prueba a ver y me dices.

 

[Usuario eliminado 161863]

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

border:none!important;

Y la sombra la quitas así:

box-shadow:none!important;

Prueba a ver y me dices.

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

 

[piano]

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

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 - - -

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

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:

@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.