Jetpack transparent box – large div

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Richard Archambault

    (@richardmtl)

    10 years, 2 months ago

    Hi Raz,

    We’ve seen this happen occasionally; as a quick check, can you switch to the default TwentyTwelve or TwentyThirteen theme temporarily, to see if the issue lies with your theme, somehow?

    Thread Starter Raz

    (@razique)

    10 years, 2 months ago

    Unfortunately, I cannot change it in production directly…
    Simply removing
    height: <?php echo $height; ?>px;
    line 253 in modules/comments/comments.php did the trick.
    The height is hard coded:

    $height           = $params['comment_registration'] || is_user_logged_in() ? '315' : '430'; // Iframe can be shorter if we're not allowing guest commenting

    Why is that?

    thanks !

    Thread Starter Raz

    (@razique)

    10 years, 2 months ago

    I also tried both scenarios, as being logged in and logged out (since div height is based on whether or not the user is registered if I’m not mistaken, and both work just fine.

    Plugin Contributor Richard Archambault

    (@richardmtl)

    10 years, 2 months ago

    If you set the height of the #commentform element via CSS to something like 200px, that should fix your issue.

    Thread Starter Raz

    (@razique)

    10 years, 2 months ago

    That did it, perfect.
    Thanks Richard!

    Thread Starter Raz

    (@razique)

    9 years, 7 months ago

    Here is the best solution I found so far:

    #commentform {
  height: 87px;
  transition: height 2s;
  -webkit-transition: height 2s;
}
#commentform:hover {
  height: 420px;
}

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Jetpack transparent box – large div’ is closed to new replies.