Make category single column instead of double WordPress
- SOLVED
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,
Answers (4)
Nilesh shiragave answers:
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;
}
Nilesh shiragave comments:
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....
Nilesh shiragave comments:
For logo resize add this code in the style.css file
#logo a img {
width: 847px !important;
height: 200px !important;
}
Chris Lee answers:
Add this to your stylesheet
<style>
#sidebar #categories-4 ul li { width: 100%; }
</style>
JohnnyPea answers:
Find line 1216 in your <em>style.css</em> ( #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 <strong>width:100%;</strong>.
It looks like some javascript is adding inline styles into it. Try to add this into your <em>style.css</em>:
#logo a img {
width: YOUR WIDTHpx !important;
height: YOUR HEIGHTpx !important;
}
e.x.:
#logo a img {
width: 838px !important;
height: 198px !important;
}
Andrew Petrusha answers:
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.