Overflow for CODE tag

kaaleth

Simple hack, who wants to have overflow for code tag's.

1) Open
...\template\your_template\common\module.css (or module_rtl.css for RTL version)

2) Find #1070 line

1. .pl .blockcode { padding: 10px 0 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 url({IMGDIR}/codebg.gif) repeat-y 0 0; overflow: hidden; }

Copy the Code

3) Add new attributes

1. overflow: auto; height: 200px; }

Copy the Code

Example

1. .pl .blockcode { padding: 10px 0 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 url({IMGDIR}/codebg.gif) repeat-y 0 0; overflow: auto; height: 200px; }

Copy the Code

4) Save and clean the cache.

Demo

---

Before

After