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
Using HTML in WordPress
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
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.
In this session, a member asks how to create a download button for a PDF. There are two options, one is creating the download button with an image but no text and the other is creating a button that has text but no image and both can be done using the J Shortcodes plugin. Rick
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
In this session we show how to insert an image link into the body of a post or a page by entering the URL of the page you want to link the image to when you add the image. Rick: Okay so let’s see, Brian has a question. Brian, I’m unmuting your microphone. Brian Hallen,
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
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.
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.
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
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.
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