Build Your Own Business Website header image

Using HTML in WordPress

How to Create a Link to an Iframe

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we show a member how to create a link to an Iframe and how to insert an Iframe into a page. Okay John, is your microphone up and working now? I hope so. Can you hear me? I can. That’s perfect. Beautiful. So give me a link, John. Okay if you go

Ways to Learn HTML and CSS

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

In this session a member asks about 4 programming languages: HTML, CSS, PHP and Javascript and where to learn more about them. We recommend starting with HTML and CSS because you can’t learn CSS independently of HTML. Then we suggest an excellent resource for learning these along with our own Customize Thesis Like a Pro

How to Use Images as Bullets in List Items of an Unordered List

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , , ,

In this session we discuss how to use images as bullets in the list items of unordered lists as requested by a member. We show how you to do this by uploading background images to use as bullets in your list item and then use a little CSS to adjust. Okay so let’s see. So

Using a Table to Create a “Skin” for a Video Player

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

This member is using a table to create a frame (or skin) around a YouTube video player. Unfortunately there are gaps between the table rows which prevent the frame from looking right. We discuss the use of tables for layout purposes and how a table needs to be created in order to perform this task.

Introduction to Basic HTML Syntax

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

This member asks for a brief introduction to HTML and its basic syntax. I discuss what makes an HTML page, the HTML, head and body tags. Then I discuss the primary HTML elements, heading, paragraphs, lists, links, images, divs and others. Good evening everybody and welcome to the Wednesday evening live call in answer session.

How to Create a 2 Column List in a Post or Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

This member asks how to create a 2 column list within the WordPress content area.  I demonstrate a method using 2 unordered lists each wrapped in a div tag that I style so that they float side by side.  This involves using the HTML view of the WordPress editor and adding code to custom.css But

Style Tables with CSS – Part 2, Add CSS to the Table

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this second video on Styling Tables we talk about the default styling/formatting that comes with the table in WordPress and Thesis. In order to give the table some styling you need to assign a class or id. We show you how to assign classes and then style the table contents, head and footer and

How to Create a Horizontal Menu Using HTML and CSS

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

This member needs to create a horizontal navigation menu but can’t use either the Thesis Nav Menu or the WordPress Menu. In this video I demonstrate how to create a menu from scratch. We use an unordered list with links and CSS styles to create a menu similar in appearance to the Thesis Nav Menu.

How to Use Anchors Within a Post or Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

A member asked how to create anchors within a page. An anchor is an HTML element that provides a specific location within a page that can be linked to. I show some examples of anchors and demonstrate how to create them. [S3VIDEO file='public/liveanswers/LA1-23-11a-page-anchors.mp4' bgimage='https://www.byobwebsite.com/wp-content/uploads/2012/10/LA1-23-11a-page-anchors2.jpg' displaymode='overlay'] But let’s talk about anchors for just a moment because