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
Code Wordpress

WordPress Child Themes

The main reason to create a child theme is so that your edits do not get overwritten when doing any sort of updates to your main (parent) theme. The steps are fairly simple. Source: https://codex.wordpress.org/Child_Themes This example is for the Twenty Sixteen theme. Navigate into your themes folder. cd /<your_website_root_folder>/wp-content/themes/ Create a child directory within your themes folder and […]

Categories
Design Internet Technology

CSS Basic Template

Here’s a basic CSS template that you can use. There’s a header, a footer, a left side and a right side. You need to create an index.html and mystyle.css file. Place them in the same directory. index.html <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> <link rel=”stylesheet” […]

Categories
Design Technology

Making CSS Rollover Buttons (Sprite)

I found a really good site that shows how to create a rollover affect by only using CSS. I’ve always used javascript via Dreamweaver, but thought it was very interesting of why using CSS was better. I am now going to use CSS for all my future rollover effects. Why should you use CSS over […]