Wordpress Themes - WP Forum at BFA - Widget Content padding / margin

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Widget Content padding / margin (http://forum.bytesforall.com/showthread.php?t=10312)

quentinjs

Oct 14, 2010 12:58 PM

Widget Content padding / margin

For my website http://www.splatfx.com I have the following code in the Widget Content Box:

PHP Code:


		
			
font-family:Verdana,Geneva,sans-serif;
font-size: 12px;

margin: 10px 21px 10px 10px;
padding: 10px 22px 10px 10px;
/* font-weight: bold; */

But only the first 2 lines are being used. The margin/padding don't work at all. Is there some trick I need to do to pad the inside of the content area ?

poppaneedsanap

Oct 15, 2010 11:13 AM

I'm having similar problems. I'm basically trying to add a bottom pad or margin to space out items in my sidebar. can be seen at shoutoutoutoutout.com.

I've also tried adding in CSS & HTML inserts with no luck. I can modify other attributes but margin and pad are being styled elsewhere apparantly..

eg:

<style type="text/css">
li.twitter-item {line-height:200%; margin-bottom:15px;}
</style>

this will change the line-height in the twitter widge but not the margin..

poppaneedsanap

Oct 15, 2010 12:07 PM

Quote:

Originally Posted by quentinjs (Post 46123)

For my website http://www.splatfx.com I have the following code in the Widget Content Box:

PHP Code:


		
			
font-family:Verdana,Geneva,sans-serif;

font-size: 12px;



margin: 10px 21px 10px 10px;

padding: 10px 22px 10px 10px;

/* font-weight: bold; */

But only the first 2 lines are being used. The margin/padding don't work at all. Is there some trick I need to do to pad the inside of the content area ?

Hey Quentin, this might solve your problem..
use the CSS insert option and add:

div.widget ul {margin: 10px 21px 10px 10px; padding: 10px 22px 10px 10px;}

not quite doing what I need, but it formats the padding and margins for the widget ul div

quentinjs

Oct 15, 2010 12:41 PM

That worked.... but I feel its the wrong approach when there is a box to enter that. I was hoping to copy my theme changes so others who wanted a similiar look could do it as well. But it gets more complicated when there is pasting into existing cells.

juggledad

Oct 16, 2010 06:46 AM

Taken from ATO->Style WIDGETS->Widget Content Box

Quote:

Widget Content Box
The Widget Content Box is gone since Atahualpa 3.4. for better plugin compatibility. It was a propretiary Atahualpa feature that provided extra styling possibilites but didn't play well with all plugins because some of them rely heavily on widgets having the same structure as in the "Default" theme (which does not have this extra DIV inside each widget). Instead of "div.widget-container" the styles that you put here will be applied on "div.widget ul, div.textwidget". That will cover all text widgets and all widgets that consists of unordered lists, which should be the majority of all widgets. Otherwise look into the source code of a browser rendered page of your site to see which DIV or other HTML element wraps around the body content of the widget that was not covered by this, and add a CSS Insert such as: div.some-class { margin: 10px }.

poppaneedsanap

Oct 16, 2010 01:59 PM

yeah, I was basing my CSS insert attempt on that ATO div.widget ul note.

All times are GMT -6. The time now is 04:44 PM.