Text line height jumping on hover

Eric Tuvel

• July 25, 2022 13:26

Hi, you helped me with this issue before, but it seems to still be an issue on the Single Post page. For some reason the Line-Height of the Heading text elements changes when you hover on different parts of the page outside of the main content area. 

I have uploaded a video to show you the issue here:

https://www.youtube.com/watch?v=e7uQpHSTuhk

You can view an example Post with the issue here:

https://visionzeronetwork.org/talking-with-san-antonio-city-councilmember-shirley-gonzales/

Previously you provided this CSS code to have the Line-Height inherit which fixed part of the issue, but it does not appear to be addressing this other hover issue. Can you please help provide the proper CSS to fix this issue?

/* fix text jumping issue on hover */
.brz .brz-css-byxuk strong, .brz .brz-css-byxuk:hover b {
    line-height: inherit;
}

0

• 

  KC George

  • July 27, 2022 05:17

  Hi Eric,

  Can you please add this to your Additional CSS and check if it helps?

  .brz .brz-css-aqpie strong, .brz .brz-css-aqpie:hover b {
      
  line-height: initial;
      
  }

  0

Please sign in to leave a comment.