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…

/*space between widget list items*/
.custom li.widget ul li { margin-bottom: 2em ; }

Change the 2 to whatever gives you the desired effect

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…

/*sidebar title normal case*/
.custom h3 { font-variant: normal ; }

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

Pick your choices from the drop down menus. Hit the save button.

]]> http://www.thesishacker.com/change-font-in-your-sidebars/feed 0 http://www.thesishacker.com/customize-sidebar-links http://www.thesishacker.com/customize-sidebar-links#comments Mon, 26 Jan 2009 22:16:15 +0000 Nasty http://www.thesishacker.com/?p=832 To target just links in the sidebar to customize try this…

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…

/*sidebar link styles*/
.custom .sidebar a {your styles here ; }
.custom .sidebar a:visited {your styles here ; }
.custom .sidebar a:hover {your styles here ; }

To just target individual sidebars all you have to do is place a number after .sidebar like this…

.custom .sidebar_1  a {your styles here ; }
.custom .sidebar_2  a {your styles here ; }

To learn more about link styling check out W3schools

To get this effect go to…

Dashboard —> Appearance —> Design Options…

Tweak the options to get your desired effect

To get this effect go to…

Dashboard —-> Appearance —-> Design Options…

You can change the width of the content box with the drop down menu

Hit the save button after changes

]]> http://www.thesishacker.com/thesis-no-sidebar-layou/feed 0 http://www.thesishacker.com/show-number-of-post-counts http://www.thesishacker.com/show-number-of-post-counts#comments Sun, 25 Jan 2009 20:55:31 +0000 Nasty http://www.thesishacker.com/?p=770 In my category section “Customize Thesis” you’ll see the number of post counts next to each category. All you have to do to get this effect is go to…

Dashboard —> Appearance —>Widgets…

Go to the “edit” tab on whichever category you want to do this to. On the drop down menu check “post counts”. Hit the save button.

If  you want to simply change the color of this line, check out this tutorial. This line is actually a background image set in the #content_box. To remove it completely go to your custom.css and add this…

.custom #content_box { background: none ; }

I created a blank page and used the default template in the attributes section. Go to Page —-> add new

Click “Publish”, and now you have a blank canvass to build your homepage from.

Next in my custom_functions.php I created a style sheet just to style this page only…

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…

/*my homepage stylesheet*/
function welcome_stylesheet(){
if (is_front_page()) { ?>
<style type=”text/css”>
#content_box {margin-top: 36em; background: none;}
#content .top {margin-top: 13em;}
#sidebar_1 {margin-top: -2.6em;}
#sidebar_2 {margin-top: -4.5em; }
#content {background-color: #ffee99; padding-top: 1em;}
/*This nudges the teaser content up against the right sidebar*/
#column_wrap {width: 77.3em; background: none;}
#sidebar_2 li.widget {background: #ffeeee; padding:0 0 .5em .5em; width: 103%; margin-top: 1.7em; margin-bottom: -.8em;}
</style>
<? }}
add_action(’wp_head’ , ‘welcome_stylesheet’);

If you want to see how I placed a custom box on the homepage, check out this tutorial

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…

/*custom image in widget headline*/
.custom .sidebar h3 {
background: url(images/name of your file.jpg) no-repeat ;
line-height: 3.6em;
padding-left: 2em;
color: #000000;
}

The image can be a jpg, gif, or png

I changed the line height to accomodate my image size

The padding was to move “Customize Thesis” over a little bit

The color was to make the headline text darker