Build Your Own Business Website header image

Styling

Suggestions for Generating Color Schemes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we suggest different ways of generating color schemes and the different tools available that will allow a larger range of colors for selection. A few of these suggestions are RGB Color Scale, Thesis ColorScale, HTML Color Picker from w3schools and Adobe Kuler. Member: The first is if it's possible to use the

WordPress 3.9 Crash Course – Part 13 – Styling Content for Readability Using Headings and Lists

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

The next thing in this WordPress 3.9 Crash Course that I want to talk about is styling content for readability using headings and lists. If you look at that Search Engine Optimization Starter Guide that Google publishes, in section 3 they talk about Optimizing Your Content and the first whole part of that is about

Lesson 9 – Part 3 – Styling Content for Readability Using Headings and Lists

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Once you’ve got text in the editor, you want to start styling it so that it’s easily read. And not only so that it’s easily read but so that it also reinforces your search engine optimization. A couple of weeks ago, we looked at this Google Search Engine Optimization Starter Guide and we started off

How to Create Unique Styles by Layering Background Images

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we talk about how to create unique styles by layering background images. We look at a couple of websites and discuss how the images in them are layered within elements of the site. Then we review areas of a website such as body, header and so on in which you can place

How to Make a Background Image that Fills the Entire Screen

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we talk about how to make a background image that fills the entire screen and discuss the image size that will work in any monitor size. Member:  Could you just have a look at that background image there? Rick:  Yeah. Member:  I was playing around because it’s like the picture of the

How to Create a CSS-Tricks Style Navigation Menu Part 5 – Style the Third Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to style the third menu item with the border style, link background style and color, hover and current background style and link, hover and current border style. And we discuss how each of these menu items affect the appearance of the site. So I’m going to do this one

Lesson 9 – Part 3 – Styling Content for Readability Using Headings and Lists

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

The next thing we want to talk about here is how to use the text editor to style content for our business/professional Genesis theme website. There's a couple of reasons why we are styling this content and one of the reasons is to make the content more readable for a person visiting our site. The

Lesson 9 – Part 3 – Styling Content for Readability Using Headings and Lists

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Styling Content for Readability and SEO Purposes We are going to talk about styling content for readability and for search engine optimization using headings lists and links. You may or may not realized that web text is different than the text inside of a book. Books pretty much assume that you can simply read paragraphs

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 Add Styles to Sidebar Widgets in Thesis

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

In this session, we create a simple widget and show how to add styles to it using the BYOB Thesis Widgets Styles plugin. We also answer some members’ questions on web audio players and what plugins are available for audio players. The next thing we’re going to do is take a look at adding styling

Create a Download Catalog Page Using the BYOB Thesis Shortcode Content Widgets Plugin

In this lesson a member asks for help creating and styling a catalog page on his site. He has used tables but the images and text don’t line up well. Tables are difficult to style for anything but tabular data. We discuss other options for creating and styling the download catalog page. We demonstrate how

One Hour Website Makeover DJ Sean Denard Part 14 – Add and Style Footer Widgets

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , , ,

This is Part 14 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to setup the Footer widgets, then add some text and styling using the BYOB Thesis Footer Widgets plugin. Actually, I guess the last thing we have to do here is set up the

One Hour Website Makeover DJ Sean Denard Part 13 – Add and Style the Footer Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - , , ,

This is Part 13 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to add and style the Footer Menu using Thesis Design Options and the BYOB Thesis WP Menus plugin. So in order to add this button to the menu, we go back to our

One Hour Website Makeover DJ Sean Denard Part 12 – Style the Content Widgets

This is Part 12 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to style the content widgets using the BYOB Thesis Shortcode Content Widgets Plugin. Refresh it. Okay so now the next thing we have to do then is to add that styling. So we

One Hour Website Makeover DJ Sean Denard Part 9 – Add and Style Main Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

This is Part 9 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to add and style the main menu using the BYOB Thesis WP Menus plugin. So the very first thing we’re going to do next is to configure our menu. We’re going to place

One Hour Website Makeover DJ Sean Denard Part 7 – Styling the Header Text

This is Part 7 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to style the header text using the BYOB Thesis Header Widgets plugin. Now the next thing we need to do is style the bottom part, add the bottom part of the circle to

Style the Full Width Framework by Layering Background Images Part 2

This is Part 2 of 2 in a series on How Style the Full Width Framework by Layering Background Images. In this session we continue to show how to layer background images using the BYOB Thesis Full Width Backgrounds plugin. Now the problem with this is of course, we’ve got these other images that need