Introduction: Add a Banner to the Feature Box in WordPress Thesis Theme 1.8
This video will teach you how to add a graphical banner to the Feature Box in your WordPress Thesis Theme 1.8 .
There are basically six steps that you will follow to complete this task:
1. Copy code from this instructable and paste it into the custom_functions.php file in your blog.
2. Copy code from this instructable and paste it into the custom.css file in your blog.
3. Upload your banner to the media library in your blog.
4. Copy and paste URL to that banner into the proper place in the custom.css file.
5. Go to your blog Dashboard>Design Options>Feature Box and adjust settings.
6. Hit “Big Ass Save” button and you are done!
Below is the code you will need to copy and paste in the custom_functions.php file in your blog’s admin panel:
/* START of a Feature Box Banner PHP by Jupiter Jim */
function gallery() {
?>
<div id=”gallery”>
<!–
<?php global $post; include(WP_CONTENT_DIR .
‘/plugins/featured-content-gallery/gallery.php’); ?>
–>
</div>
<?php
}
add_action(‘thesis_hook_feature_box’,'gallery’);
/* END of a Feature Box Banner PHP by Jupiter Jim */
Below is the code you will copy and paste into your custom.css file:
/* START of Feature Box Banner CSS by Jupiter Jim */
.custom #feature_box {
padding: 0;
background: none;
border: none;
}
/* featured box banner alignment */
#gallery {
background: url(PASTE CODE FOR MEDIA LIBRARY HERE) no-repeat;
height: 125px;
margin-top: 2.2em;
margin-left: 1em;
}
/* END of Feature Box Banner CSS by Jupiter Jim */
There are basically six steps that you will follow to complete this task:
1. Copy code from this instructable and paste it into the custom_functions.php file in your blog.
2. Copy code from this instructable and paste it into the custom.css file in your blog.
3. Upload your banner to the media library in your blog.
4. Copy and paste URL to that banner into the proper place in the custom.css file.
5. Go to your blog Dashboard>Design Options>Feature Box and adjust settings.
6. Hit “Big Ass Save” button and you are done!
Below is the code you will need to copy and paste in the custom_functions.php file in your blog’s admin panel:
/* START of a Feature Box Banner PHP by Jupiter Jim */
function gallery() {
?>
<div id=”gallery”>
<!–
<?php global $post; include(WP_CONTENT_DIR .
‘/plugins/featured-content-gallery/gallery.php’); ?>
–>
</div>
<?php
}
add_action(‘thesis_hook_feature_box’,'gallery’);
/* END of a Feature Box Banner PHP by Jupiter Jim */
Below is the code you will copy and paste into your custom.css file:
/* START of Feature Box Banner CSS by Jupiter Jim */
.custom #feature_box {
padding: 0;
background: none;
border: none;
}
/* featured box banner alignment */
#gallery {
background: url(PASTE CODE FOR MEDIA LIBRARY HERE) no-repeat;
height: 125px;
margin-top: 2.2em;
margin-left: 1em;
}
/* END of Feature Box Banner CSS by Jupiter Jim */


