Sidebar borders and background color of sidebars

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

    Mod

    Anonymous

    #35075
    #execphp-2 {
    background: none; /* or #FF3D7F */
    border: none;
    box-shadow: none;
    }

    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>
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!