$10
Make category single column instead of double

I like this theme but it's default formatting for categories and blogrolls are way ugly. I just want it single column like the rest. I also want to know why my header logo graphic keeps resizing down when I made it exactly the right size.

See http://www.spamthisblog.com/

Thanks,

Clay Butler | 08/31/10 at 1:13pm | Edit

(4) Possible Answers Submitted...

Last edited:
08/31/10
2:04pm

Nilesh shiragave says:

Hi

open style.css in any editor you can find style.css in your theme folder at

http://www.spamthisblog.com/wp-content/themes/bigfeature/style.css

in the style.css search for this code



#sidebar .widget_categories ul li, 

#sidebar .widget_archive ul li, 

#sidebar .widget_links ul li {

	width: 110px;

	float: left;

	display: inline;

	margin-right: 13px;

	padding: 5px 0 5px 10px;

	background: transparent url(images/pointer.gif) no-repeat left 12px;

}

just delete the width:110px; from that code..

so after code will look like this



#sidebar .widget_categories ul li, 

#sidebar .widget_archive ul li, 

#sidebar .widget_links ul li {

	float: left;

	display: inline;

	margin-right: 13px;

	padding: 5px 0 5px 10px;

	background: transparent url(images/pointer.gif) no-repeat left 12px;

}

08/31/10 1:34pm

Nilesh shiragave says:
And for the logo graphic resizing. open header.php

you can find this file inside the
http://www.spamthisblog.com/wp-content/themes/bigfeature
folder

just search for following code..
```
<div id="logo"><a href="http://www.spamthisblog.com"><img alt="logo" src="http://www.spamthisblog.com/wp-content/uploads/2010/08/spam_this_blog_logo.png" startwidth="847" startheight="200" style="width: 100%; height: 198px;"></a></div>
```
and delete the height:198px; from that code....
08/31/10 1:40pm

Nilesh shiragave says:
For logo resize add this code in the style.css file

#logo a img {

width: 847px !important;

height: 200px !important;

}

Last edited:
08/31/10
1:31pm

Chris Lee says:

Add this to your stylesheet



<style>

#sidebar #categories-4 ul li { width: 100%; }

</style>

Last edited:
08/31/10
1:41pm
JohnnyPea says:
Find line 1216 in your style.css ( #sidebar .widget_categories ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li )and change the property "width" to "100%" so it will be width:100%;.

It looks like some javascript is adding inline styles into it. Try to add this into your style.css:
```
#logo a img {

width: YOUR WIDTHpx !important;

height: YOUR HEIGHTpx !important;

}
```
e.x.:
```
#logo a img {

width: 838px !important;

height: 198px !important;

}
```
Previous versions of this answer: 08/31/10 at 1:34pm | 08/31/10 at 1:35pm | 08/31/10 at 1:36pm | 08/31/10 at 1:38pm | 08/31/10 at 1:39pm | 08/31/10 at 1:39pm | 08/31/10 at 1:40pm | 08/31/10 at 1:40pm | 08/31/10 at 1:41pm
Last edited:
08/31/10
1:43pm
Andrew Petrusha says:
Open style.css, find rule
#sidebar .widget_categories ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li {...}

and remove
width: 110px;

That's all.
Regards.