785-230-9362 jeff@thec-team.com

I had a crazy idea to start this blog, then decided to blog about specific code so I can look it up again later.

But if you know anything about building websites, valueable time is wasted spent looking for that CSS code snippet, for the third or fourth time for how to indent bullets (for example).

This is a short description for how to put code snippets on your site.

First of all, paste the code you want to display into the visual text editor.

This is what it looks like when rendered to the screen instead of executing the code. This technique also allows you to copy the code from my page instead of having to retype from a screenshot.

.et_pb_text li { 
      margin-left: 20px !important;
}

I certainly hope that you found this useful. If you need any help with your websites or designs, please let us know.

As an addendum to this blog, I’ll also cover how to to change the color of your code snippets so they can easily be identified on the page.

For this example, I’ll add the code in the text module CSS area. But will eventually add it to the Divi master CSS code.

In the <code> tag, put this inline to make the code bright green, so it looks like this: <code style=”color:#66ff00″>


.et_pb_text li { 
	margin-left: 20px !important;
}