widgets

Here's a simple line of code that you can add to your custom.css file to reduce or increase the gap between your widgets on your sidebar:

1
.custom li.widget {margin-bottom:0px !important;}

All you have to do is change "margin-bottom:0" to ex.: "margin-bottom:-10px" to decrease gap by 10 pixels or "margin-bottom:10px" to increase gap. Play with it till you get the desired result.

By decreasing the space, you can get more ads above the fold. ;)

The above code affects every widget in your sidebar(s) equally. There might be times when you need to only adjust the space between two particular widgets. In this case I found a crude but effective method.

Place a text widget in between the widgets that you want to adjust. Apply the following code to that text widget and save:

1
<div class="widget_space_1">

Next you need to edit your custom.css file and place the following code at the very bottom:

1
.widget_space_1 { margin-bottom: 0px; }

The css script above is set on 0px for no change. To add more space between the widgets, change 0px to something like 10px for example. If you want less space change 0px to -10px. You'll just have to play with it until you get the right spacing.

If you need to adjust the space between two other widgets, you just replicate the above code, but change from .widget_space_1 to .widget_space_2.

Hope this helps. :)

If you've created a WordPress theme using Artisteer 3.0 and would like to know how to get widget areas in your header, follow the instructions below and with any luck, you'll be styling and smiling.

First download this file:  DOWNLOAD (headerwidgets.zip)

The .zip contains three PHP files (sidebar-bannerleft, sidebar-bannercenter, and sidebar-bannerright)

Uncompress headerwidgets.zip and upload all three files to your theme's root.

Continue reading

Categories

Impact
Search & Win

Link To Me

If you find anything useful, please