[Anonymous]

Anonymous

#6616

Currently all my widgets have the default white background. I would like to change one of them to have the color which surrounds the widgets – with no white margin/padding/border around it (so that the widget becomes invisible/transparent) . An image inserted into the widget would then appear to sit directly against the “surrpound color”.

http://www.jetlagandmayhem.com

I want the “badges” at the bottom right to appear superimposed directly on the pink without any white showing.

[Kenneth John Odle]

Kenneth John Odle

#35074

Target it with its unique ID. You’ll need the Firebug addon for Firefox.

One of these may help:

http://blog.kjodle.net/2012/02/24/styling-wordpress-posts-pages-archives-and-home-pages-by-class/

http://blog.kjodle.net/2012/04/14/target-graphene-action-hook-widgets-by-their-unique-id/

[Anonymous]

Anonymous

#35075

#execphp-2 {

background: none; /* or #FF3D7F */

border: none;

box-shadow: none;

}

[Anonymous]

Anonymous

#35076

Thanks Prasanna – a very neat solution which I have implemented.

For the benefit of others – a friend devised another solution (not as robust because of the margin settings).

CSS as follows:

.hjr

{

background-color:#ff3d75;

margin: -13px -13px 0px -13px;

line-height:0;

}

HTML as follows:

<div class="hjr">

html for images etc

</div>