Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Change color of spacing between sidebar widgets (http://forum.bytesforall.com/showthread.php?t=4893)

stivtaber Dec 15, 2009 06:37 PM

[SOLVED] Change color of spacing between sidebar widgets
 
WP 2.8.6
ATO 3.4.4

http://realindustryrecords.com/

There is a white space between my widgets that I want to be the same color as my widget elements.

I have already added the color I want to the Widget Container, Title Box, and Content Box elements, as well as adding the styling to my Left Sidebar style editor

using the following line in the above: background: #CCFF00;

Any thoughts? Cheers.

juggledad Dec 15, 2009 07:14 PM

that is caused by the bottom margin on the widget (ATO->Style WIDGETS->Widget Container) which is:
margin: 0 0 15px 0;
where the first is the top, then right, bottom, and left, so you have a 15px bottom margin.

While you could set it to 0, you would loose teh spacing, a simpler solution would be to style the background of the left sidebar (ATO->Style & configure SIDEBARS->LEFT sidebar style) to
HTML Code:

border-right: dashed 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #CCFF00;


stivtaber Dec 16, 2009 02:35 AM

tried that, didnt work. check out results.

http://realindustryrecords.com/

juggledad Dec 16, 2009 04:32 AM

that's because you have TWO background rules and the second 'background;#ffffff;' overrides the first and so sets the color to white.

stivtaber Dec 16, 2009 03:59 PM

What element in ATO has the second bgcolor #ffffff ? I looked through and couldnt see what it was.

Thanks muchly for the help.

juggledad Dec 16, 2009 04:03 PM

The left sidebar styling

stivtaber Dec 16, 2009 04:08 PM

Here is my left sidebar styling from ATO, its the same as the one you posted above:

Code:

border-right: dashed 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #CCFF00;

where is the white coming from?

juggledad Dec 16, 2009 08:24 PM

did you scroll your cursor down? WordPress can hide items in a opton box by making the box to small.
The Styling for both your left and left inner sidebars ihave teh same problem. Here is the generated code
HTML Code:

td#left {
vertical-align:top;
border-right:dashed 1px #CCCCCC;
padding:10px 10px 10px 10px;
background:#CCFF00;
background:#ffffff
}

td#left-inner {
vertical-align:top;
border-right:dashed 1px #CCCCCC;
padding:10px 10px 10px 10px;
background:#CCFF00;
background:#ffffff
}

Put your cursor in the style box and do a select all.

stivtaber Dec 17, 2009 02:33 PM

Brilliant, thanks for your help.

Never would have got that on my own! pretty tricky.


All times are GMT -6. The time now is 08:18 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.