Build Your Own Business Website header image

Firebug

Customizing the Content with HTML and CSS – Part 2 – Style A Text Block With CSS

Difficulty Level -

Filed Under Topics - , , , , ,

Listed Under Lesson Subjects -

Applies to -

Style a Text Block with CSS Welcome back to Part 2 of this lesson on how to stylize text blocks within the WordPress content area. In this part of the lesson we are going to add CSS styles to the text blocks we created with HTML in the first part of the lesson. To begin, open up the

How to Identify the Selector in Firebug that You Want to Change

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

This member is having difficulty identifying the specific selector she wants to change using Firebug. We discuss the visual tools Firebug provides for identifying selectors and then talk about strategies for identifying a selector in a complex HTML structure. No, that’s why I always real cautious. You don’t find out and I’m still a little

Lesson 3 – Part 5 – Install Firebug and Web Developer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Welcome back to Part 5 of Lesson 3 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we are going to install Firebug and Web Developer for Firefox. Why Firefox? In the course of my work, I use 3 different browsers all day long. I use Google Chrome because it

Lesson 3 – Part 6 – Tour Firebug and Web Developer Functionality

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Welcome back to Part 6 of Lesson 3 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we are going to take a tour of the functionality of Firebug and Web Developer. Different Views of Firebug We’ll begin with Firebug. I want you to ignore most of the buttons

Lesson 3 – Part 7 – Use Firebug and Web Developer together

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Welcome back to Part 7 of Lesson 3 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we are going to learn how to use Firebug and Web Developer together. Viewing the HTML Structure of a Page Here we are at my homepage and if we look down here

Lesson 3 – Part 8 – Workflow Case Study – Styling a Submit Button

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Welcome back to the 8th and final part of Lesson 3 of the Customize Thesis Like a Pro tutorial series. In this final part of the lesson, we are going to go through a practical application of all the tools that we’ve learned so far and we are going to add CSS styles to a

Lesson 3 – Tools of the Trade

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

Applies to -

In this Thesis theme video tutorial lesson we will install and learn the basics of some of the tools of the trade (NetBeans, Firebug, Web Developer, MeasureIt and ColorZilla) used by professional web designers and developers. These tools will make the process of customizing your Thesis theme website much easier. They will help prevent errors,

Troubleshooting Thesis Custom Templates – Part 2 – Column Layout

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects - ,

The member has a Thesis custom template but needs to have custom CSS to make it look right. The site is set up as a 3 column layout while the custom template is a 2 column layout. We troubleshoot this in Firefox using Firebug and Web Developer. We write the css code to make this

Troubleshooting Thesis CSS – A Member Case Study

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session I help a member troubleshoot a variety of CSS issues on the site they are developing. I demonstrate the use of Firebug and Web Developer for problem solving the site and then I propose solutions to the variety of issues that he is addressing. This member also teaches me that there is