Build Your Own Business Website header image

Using HTML in WordPress

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

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

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

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

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