Sidebar borders and background color of sidebars

Graphene Theme Forum » Graphene Wordpress theme » Support

Sidebar borders and background color of sidebars

(4 posts) (3 voices)

Started 4 months ago by lakenjr
Latest reply from lakenjr
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

lakenjr
Member

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.

Posted 4 months ago #
Kenneth John Odle
Moderator

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/

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 4 months ago #
Prasanna SP
Moderator
```
#execphp-2 {
    background: none; /* or #FF3D7F */
    border: none;
    box-shadow: none;
}
```
Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.
Posted 4 months ago #
lakenjr
Member
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>
```
Posted 4 months ago #

Topic Closed

This topic has been closed to new replies.