Wow that’s really huge.
At times like this, Firebug is very useful for detecting what style is applied to the element.
In this case, this style is making the CAPTCHA image huge.
http://kentjulian.com/wp-content/themes/selfy/style.css?ver=3.7.1
Line #1148
.half img, .third img, .fourth img, .two-thirds img, .three-fourths img {
width: 100%;
}
Takayuki Miyoshi – two quick questions.
1. Why does it make the image huge on one page and not the other.
* HUGE – http://kentjulian.com/contact/
* Regular size – http://kentjulian.com/speaking/invite-kent-to-speak/
2. Is there something I can do in the CAPTCHA style that will change the image size without changing the size of images on the entire site?
Thanks in advance!
1. Huge one has an ancestor element with ‘two-thirds’ class while regular one doesn’t.
2. Every CAPTCHA image has ‘wpcf7-captchac’ class, so you can apply style to it with
img.wpcf7-captchac {
width: inherit;
}
Not sure where that is found?
FYI…this seemed to work. I simply put in a <div> code
<div style=”margin-right: 35em;”>[captchac captcha-62 size:l]</div></p>
Let me know your thoughts before I mark as resolved.
<div style="margin-right: 35em;">[captchac captcha-62 size:l]</div></p>
Not sure what you are trying to do, but at least this is syntactically invalid.
