Text background is getting highlighted twice when using the block 'code'

• 

  princegol · Member · Jul 29, 2019 at 9:30 am

  • Copy link
  • Add topic to favorites

  While using ‘code’ block, the text background is getting highlighted twice.
  Can you improve so that it gets highlighted only once.

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jul 29, 2019 at 10:00 pm

  • Copy link

  Hi @princegol, I wasn’t able to duplicate what you’re seeing.

  Would you send a screenshot? This article explains how:

  Take a Screenshot

  You can upload it to https://wordpress.com/media then update us here.

• 

  princegol · Member · Jul 30, 2019 at 3:22 am

  • Copy link

  Link to the image

  

• 

  kokkieh · Staff · Jul 30, 2019 at 5:11 am

  • Copy link

  Can you please give a link to the specific post or page where this is happening, or if it’s a draft, tell us the title?

• 

  princegol · Member · Jul 30, 2019 at 5:17 am

  • Copy link

  Page

  https://princegol.wordpress.com/tutorials/linux-basics/

  ‘Linux and Mac users’ part in 1.Login section

• 

  kokkieh · Staff · Jul 30, 2019 at 5:31 am

  • Copy link

  Okay, this is not a problem with the editor. It’s due to the way your theme is styled.

  When you use a code block, it creates markup that wraps a set of code tags inside a set of pre tags.

  Your theme’s CSS styles the background of both those tags the same, as rgba(0, 0, 0, 0.03). You’ll note both are very transparent, which has the effect of making the top layer appear a little darker than the bottom layer.

  On themes where code and pre tags are styled to have an opaque background you won’t see this happening.

  I can report it to our theme developers to see if they’ll make an adjustment to this, but I can’t make any promises.