Categories
Code Wordpress

WordPress prismjs with Child Theme

Step 1: Go to http://prismjs.com/download.html Step 2: Select your theme and languages Step 3: Download JS and CSS files (bottom of the page) Step 4: Upload files into child theme folder Step 5: Update funtions.php with the below code Step 6: Apply css <pre> and <code> class (see below examples) <pre class=”line-numbers”><code class=”language-css”>pre { border: 1px […]

Categories
Design Wordpress

WordPress: WP-Syntax – Pre/Code

I was looking for a simple way to show/highlight the code portion of my blog. The regular <pre> tags didn’t do it for me. It just didn’t look professional. After a quick search, I came across a WordPress plugin called WP-Syntax. “WP-Syntax provides clean syntax highlighting using GeSHi — supporting a wide range of popular […]

Categories
Design Internet Technology

Web Design: <pre> <code>

Have you ever used <pre> or <code> to highlight the actual code on your website or blog and noticed it was cut off due to your website’s limited page width? There is a simple solution. All you need to do is apply style=”overflow: auto;”. <pre style=”overflow: auto;>PLACE CODE HERE</pre> For Example: Code: <pre>PLACE CODE HERE: […]