Build Your Own Business Website header image

Unordered List

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 & 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

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

Customize Your Social Networking Links – Part 3 – Style the Unordered List

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session, we demonstrate how to style the social networking link list. We first assign a class to the list and give it some CSS customization. Rick: And so now we’ve got the link working the way we want it to work. Now we need to style it so we’d have that background image in

Customize Your Social Networking Links – Part 2 – Create the Unordered List

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session, we show how to create the unordered list of the social networking links. We first create the list order and add the corresponding links to the list. Then we put the code in the text widget and test the list to make sure it’s working. Video Transcript Rick: So we’re going to

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 and Styling a Vertical Navigation Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

In this video, we discuss how to insert a WordPress navigation menu in a sidebar and style it using custom CSS.  We show how to insert a CSS rule to make the width of each menu consistent, remove the border, adjust the font size and add color to the hover and to the nav menu.

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 Add an Additional Menu to the Footer in Thesis

Difficulty Level -

Filed Under Topics - , , , , ,

Listed Under Lesson Subjects - ,

We demonstrate how to add a navigation menu to the footer of web page in our to our Community Library Case Study site. We create an administrative menu in the dashboard under Appearance and Menus and then we add a new function to our custom_functions.php to add this menu to the footer. We use the

Troubleshoot Unordered List Style Navigation

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

This member is trying to format 2 types of navigation menus.  The first is created by means of an unordered list.  The second is created with image links.  We look at the css code used to create the navigation menu and tweak it to center the menu in the available space.  We also tweak the