Build Your Own Business Website header image

Using HTML in WordPress

Part 12 – Transfer Page Content

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

There are three methods of moving the content from the HTML site here into WordPress and they all involve cutting and pasting. We will discuss all three methods but the final third method being presented is my preferred method. The first method is to copy the HTML from the source, paste it into a code

How to Create a Row of Images and Make it Responsive in WordPress

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

In this session we demonstrate how to create a row of images and make it responsive in WordPress using custom CSS. We wrap the images in a div tag to make them align left with the text and discuss the difference between inline block, display inline and display block base. For more information also see

Introduction to HTML for WordPress & Genesis 2 Users – Part 12 – Styling Lists in Genesis 2 Using CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

Now that you’ve got the basics of how to style text and fonts with CSS, the next thing we're going to do is work on styling lists in Genesis 2. We're going to go over to w3schools and then to Learn CSS. Scroll down and look for lists, styling lists and now we have some

Introduction to HTML for WordPress & Genesis 2 Users – Part 6 – Creating Lists in HTML

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to talk about in this Introduction to HTML for WordPress and Genesis 2 Users seminar is creating a lists in HTML. Let’s begin in our visual editor where I have plenty of text that could be turned into lists. I'm going to come along and add an unordered list. Item

Introduction to HTML for WordPress & Genesis 2 Users – Part 4 – HTML in the WordPress Text Editor

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to HTML in WordPress and Genesis 2 seminar we're going to talk about HTML in the WordPress text editor. Let’s go over to the Headings & Lists page here and we'll begin by editing a page so we can work with the text editor. We’ll start off in our visual editor.

Introduction to HTML for WordPress & Genesis 2 Users – Part 2 – Tools of the Trade

Now that we’ve covered what HTML is, I'm going to propose some tools for you to use in order to help you learn HTML and CSS for WordPress and Genesis 2. I refer to these as the tools of the trade and there are really two sets of tools. There are those associated with Firefox

Introduction to HTML for WordPress & Genesis 2 Users – Part 1 – How to Learn HTML for WordPress

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

Good morning everybody and welcome to this special seminar on an Introduction to HTML for WordPress and Genesis 2 Users. This is a true introduction to HTML. We're going to start at the very beginning and we'll be working our way through the process. This seminar assumes that you don't know anything about HTML. I’m

Introduction to HTML for WordPress & Genesis 2 Users

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to - ,

WordPress is great because it doesn't force you to learn HTML to use it. However, many folks find that not knowing HTML places limitations on what they can do. Unfortunately learning HTML can be an arduous process, especially because much of what you would typically learn isn't relevant in WordPress. This seminar bridges the gap between learning HTML and leaning HTML that will be useful to you as a WordPress (and Genesis 2) user.

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 6 – Creating Lists in HTML

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to - ,

Next in this Introduction to HTML for WordPress and Thesis 2.1 users tutorial series we're going to take a look at lists and lists in HTML. There are essentially two different kinds of list, there are unordered lists and there are ordered lists. An unordered list uses bullets and an ordered list uses numbers or

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 5 – Headings & other HTML Text Elements

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

Now that you know how HTML works in the WordPress Text Editor, this brings us to the next topic which is using other HTML text elements. You've already seen that we have such a thing as headings and, of course, you've heard me talk about headings in other classes. Headings are h tags and you've

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 4 – HTML in the WordPress Text Editor

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to - ,

In this part of our Introduction to HTML for WordPress and Thesis users we're going to look at HTML in the WordPress text editor but before we start talking about styling text, we're going to come over here to Pages and look at our Test HTML page. As you know WordPress has these two different

Introduction to HTML for WordPress & Thesis 2.1 Users

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

WordPress is great because it doesn't force you to learn HTML to use it. However, many folks find that not knowing HTML places limitations on what they can do. Unfortunately learning HTML can be an arduous process, especially because much of what you would typically learn isn't relevant in WordPress. This seminar bridges the gap between learning HTML and leaning HTML that will be useful to you as a WordPress (and Thesis) user.

How to Create HTML Attention Boxes in the WordPress Content Area

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to create HTML attention boxes with text and an image in the WordPress content area using various HTML elements in order to accomplish the desired style. This system of styling is dependent upon all of the pictures being the same height so they go to the same position in

How to Use a Span Tag

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we show to use a span tag. We discuss ordered and unordered lists. We then demonstrate how to wrap a list item in a span tag and then create a style in a span tag. We do it this way so that any changes you make will only affect what is wrapped

Customizing the Content with HTML and CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Learn how to stylize blocks of text that are in the WordPress content area. The content area known as the_content in WordPress code is the main content of each post and page. The text you enter using the text editor is within the content area. You can use css to highlight blocks of text with different background colors, borders and font styles. We are going to look at 4 examples of this in these videos.

How to Convert Tables Created in Word to a Standard Compliant Markup – Part 2 – Style the New Text Markup

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

This is the second part of the series How to Convert Tables Created in Word to a Standard Compliant Markup. In this session we show how you can style the new text by adding HTML markup to the post and then add CSS code to finish the styling. Rick: And the way we do that

Create a Vertical Navigation Menu Using an Unordered List in a Text Widget

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

In this session, we show to add an unordered list for a vertical navigation menu then we place it in a text widget. Well, I looked through most of the videos on the plugins. I'm trying to work with banner and basically, I didn't get to the Advanced Navigation Menu video. Going back to your