7 replies to this topic

[The Dork Knight]

If you go to <a  href="http://www.postmodernmoron.com/" rel="nofollow" target="_blank">http://www.postmodernmoron.com/</a>and scroll to the bottom, you can see where I am using the ContactBuddy Plugin Widget and how the reCAPTCHA portion is too wide. Can anyone provide any guidance as to how to make the reCAPTCHA smaller?

Thanks,

Danny

Edited by The Dork Knight, 27 October 2010 - 11:38 AM.

[skylermoore]

The reCAPTCHA portion wasn't really made to be resized but here is some css that you can add to the bottom of your theme's style.css file:

<p style="padding-left: 30px">.side-widget #contactbuddy-1 ul li {
padding-left: 0px;
}
#contactbuddy-1 .contactbuddy-recaptcha-input {
margin-left: -12px !important;
}

This css will move the recaptcha to the left some so that it won't be going outside the container, if you adjust the "-12" it will adjust how far left or right it goes.

Please let us know if there is anything else we can help you with.

[The Dork Knight]

Thanks for the help.I used that code to move it to the left and it is better, but it is still too wide.

Visit this link to see it now: http://www.postmodernmoron.com/(remember to scroll all the way down to the bottom)

Is there really no way to make it just a little smaller? I was going to make a contact page, but my buddy Jason (The Postmodern Moron) doesn't want a contact page for some reason. I greatly appreciate your (and anyone else's for that matter) help with this.

Thanks,

Danny

[skylermoore]

The reason that the recaptcha stuff isn't really made to be resized is because the images have to to have a certain amount of space to display correctly.

You might be able to find each individual element in the table holds the recaptcha form but I'm not sure I haven't really gone to deep into that since there is alot in there.

[The Dork Knight]

So it's not possible then and I should find another plugin? I'm find it hard to believe that I can't make it 10 to 15 pixels narrower... oh well.

[skylermoore]

I looke at the css some more and you can change the width of each individual item but everytime you resize one thing it breaks the styling on everthing else in the recaptcha table. So you can do it with css it will just be a lot of work to adjust each element in the table.

[Ronald]

fyi, here's more on customizing the reCaptcha: http://code.google.com/apis/recaptcha/docs/customization.html

[The Dork Knight]

Thanks Ronald. I will check that out and post my results!