Using the feature box

Thesis 1.4 comes with a new feature called the “feature box”. It can be found here….

Dashboard—-> Appearance —-> Design Options….

As it sits right now the feature box will not show up on your site until you implement it with a hook. Here’s an example of how to put just text in the feature box…

In your custom_functions.php file add the following code. You can put it anywhere you want but I recommend putting it at the top after the <?php tag. Remember, once you make the change, save it, and upload it to your server. Always describe the function and put it between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*use the feature box below header*/
function text (){
echo ‘<div class=”textbox”>some stuff in the feature box</div>’;
}
add_action(’thesis_hook_feature_box’, ‘text’);

Name your function whatever you want. In this case I named it “text”

I gave it a div so I could style it in my custom.css

It will be placed according to the choice I chose in the drop down menu, being full width above content and sidebars in this scenario

It will show up on every page and post because I chose “sitewide” instead of “on homepage only”

Now you can style it any way you want…

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*text in feature box*/
custom .textbox {
border: 1px solid;
background: red;
font-size: 2em;
width: 100%;
text-align: center;
padding: 2em 0 2em 0;
}

Feel free to change any of these to create your desired effect

Tagged as: custom.css, feature box, functions, thesis