How to set my post page width is a little wider?

• 

  quanwenzhao · Member · May 16, 2018 at 9:44 am

  • Copy link
  • Add topic to favorites

  Hello, everyone

  When I have quoted code blocks on my wordpress blog, I’ve also found that code label has occasionally shown horizontal scrollbar.

  Please see this screenshot from Firefox as follows,

  https://screenshots.firefox.com/yhNAYUs8Au0vt6Rr/quanwenzhao.wordpress.com

  and my blog post is here.

  Now, how to set my post page width is a little wider or code label’s width?

  Very much appreciating you if any help.

  Best Regards
  Quanwen Zhao

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

• 

  catkiinson · Staff · May 16, 2018 at 9:55 am

  • Copy link

  Hi,

  There is WordPress shortcode that you can wrap around source code that preserves its formatting: https://en.support.wordpress.com/code/posting-source-code/

  To do this, wrap your code in these tags:

  [code language="css"]
  your code here
  [/code]

  Hope this helps :)

• 

  catkiinson · Staff · May 16, 2018 at 9:59 am

  • Copy link

  In order to change the width of your post page you would need to use Custom CSS. Custom CSS is part of Custom Design, which is a feature of the WordPress.com Premium and WordPress.com Business plans.

  You can read more about that here: https://en.support.wordpress.com/custom-css/

• 

  quanwenzhao · Member · May 17, 2018 at 3:17 am

  • Copy link

  Hi, catkiinson

  Thank you very much.

  Best Regards
  Quanwen Zhao

• 

  catkiinson · Staff · May 17, 2018 at 9:34 am

  • Copy link

  You’re welcome :)