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
Using HTML in WordPress
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
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
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
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.
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
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
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.
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
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
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
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.
In this session we demonstrate how to use a definition list to line up related text. We show how to use the HTML <dl>, <dt> and <dd> tags in the HTML view of the text editor to set up the structure. Then we use a single element style package to add styling so the list
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
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
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.
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
Learn how to convert Tables created in Word to standards compliant markup for your site. We show how to do this and then how to style the new text by adding HTML and CSS.
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
In this session, we discuss how to style a block of text as a link. The first thing to do is to wrap the block of text in a div tag and assign a class to that div. Next I show how to add styling to that class such background color, border, margins and padding.