How to modify the width of highlight code pre box within answer?

Robin Wang
asked 9 years ago

Hello everyone,

When i use highlight plugin to highlight the code whin answer, the highlight code box has a small box, a large blank on the right of code pre box. The width of pre box has about 350px width only, I use code-edit-button to insert code. It looks that the width of pre box was fixed, but i haven’t found where i can modify the width of it. The text which out of the pre box haven’t any issue and is full width. How should i modify the pre box width of answer?

Many thanks,
Robin

1 Answers

DominicStaff
answered 9 years ago

Hi,
To resolve this issue, you can add the following code to the style.css file:

pre.prettyprint {
  width: 70%;
}

If you still face there issue, you can send me your site for further checking.
Hope this helps !

robinfly
replied 9 years ago

Hi Dominic,
Many thanks for your css code, it reminded me to get the correct idea ! I have soloved this issue. I added width: 100% to pre {width: 100%;} section of my theme’s style.css.
Have a good day,
Robin