sidebar

I love the way Artisteer themes have built in widget areas above the content and sidebars, but what if you want to place a full width banner or ad above both of these?  This is an easy tutorial on how to do just that!

First add the following code to the bottom of your header.php:

1
2
3
4
5
<div class="top-ad" style="width: 100%; text-align:center;">

YOUR AD CODE

</div>

Continue reading

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. :)

Have you ever wanted to place a slider, ad, photo, etc. above your first post in it's own static widget area? If you said "yes" and have WordPress Thesis, check out the simple tutorial below.

Place the following code into your custom_functions.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php

/* Sidebar Before Content */
add_action('thesis_hook_before_content', 'beforecontent');
function beforecontent() {
?>

<div id="">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('beforecontent') ){ ?>
<?php } ?>
</div>
<?php
}
?>

<?php
register_sidebar(array('name'=>'BeforeContent', 'before_title'=>'<h2>', 'after_title'=>'</h2>'));
?>

Customize your Thesis Theme by changing the color of your side bar.  Add the following code to your custom.css file:

1
2
.custom #content_box {background-color:#Place Color Code Here;}
.custom #content {background-color:#Place Color Code Here;}

If you're using the Thesis Theme for WordPress and want to add widgetized areas to your header, this tutorial will show you just how to to that. Adding 4 areas to your header may be overkill and I can almost hear Tim Allen saying, "AUE!!!"

Add the following code to the bottom of your custom_fuctions.php:

View code  -------> HERE

Add the following code to the bottom of your custom.css:

View code  -------> HERE

Categories

Impact
Search & Win

Link To Me

If you find anything useful, please