Fix checkbox width in Thesis Theme

March 18, 2010

in Thesis Theme

In life pretty much everything si simple if you know how to do it. The same applies to the checkboxes in Thesis Theme.

Thesis Theme broken checkbox width

This looks broken to me. There is a wide space around the checkbox, which does not make sense to me. But…I am not a CSS person, so I did not get that fixed. Thanks to the Thesis Theme Support Forum (actually thanks to ThesisLab.net) I was able to fix that problem with just two lines of CSS code.


.custom .format_text input, #commentform input, #commentform textarea {
width:auto;
}

Zack! Done! Switched around text and labels…now it looks beautiful!

fixed checkbox width Thesis Theme

{ 5 comments… read them below or add one }

Vincent Ng May 3, 2010 at 6:21 pm

THANK YOU! I was working on my site all day, and I’m usually impatient so I kept searching for an answer on this. Thank you for the wonderful post, it really made my job a lot easier with Thesis.

Tosh September 1, 2010 at 11:50 pm

For some reason, the checkboxes don’t show up in Chrome for some reason they do in IE and Firefox .. any ideas. I put in your CSS code which fixed the IE issue.

Andrew October 1, 2010 at 1:55 am

Thank you. I used your code in the custom css file. I no longer have the weird spacing, but now all of my checkboxes show up on the same line. I tried a few CSS options but they didn’t work. Any suggestions?

David Berger December 2, 2010 at 1:17 pm

Thank you so much!
That was exactly what I was looking for.

Martin Metzmacher February 25, 2011 at 9:38 pm

Hi Tosh

Sorry no idea…I am not a coder ):

Leave a Comment

Previous post:

Next post: