Build Your Own Business Website header image

CSS

When to Use display:none

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss when to use display:none and why we don’t recommend using this to solve a problem. When you put hidden content that only Google can see, it will think of it as a spam and you can get penalized. There are however, some legitimate reasons why you would use display:none occasionally

How to Change the Space Between Paragraphs in the Thesis Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to change the spacing between paragraphs in the Thesis Theme. We demonstrate how to do this by giving the paragraph itself a bottom margin. Thesis automatically creates the bottom margin and so if you want to change the space, then you could simply adjust the pixels. Member: The first

What’s the Purpose of a Clearing Div?

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss the purpose of a clearing div as the most reliable way of clearing floats. We use a clearing div to clear floats so that nothing stacks beside it. We also talk about our video on Understanding the Float Property which has detailed information on how clearing divs and float properties

How to Adjust Column Padding and Margins in Thesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to adjust column padding and margins in the Thesis theme by creating new dimensions for the width of the elements in CSS to get the desired padding and margin. Rick: Okay and so your problem here is that you want this to move over. Right, this is the default amount

Should I Use em or px When Customizing Thesis?

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss the use of em or px when customizing the Thesis theme as potential size choices and the difference between the two. The more complicated the design is, the less useful ems are because they are calculated differently by the pc and mac. If you have exacting dimensions for things, we

How to Position an Image so that it Spans the Full Width of the Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss how to position an image so that it spans the full width of the page. The Thesis theme has padding and margin around elements so we need to override Thesis' padding and margin by using absolute and relative positioning. We also suggested that you watch our seminar videos on the

Background Image that Spans Both Header Area and Content Area

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss how to locate a background image so that it spans both the header area and content area. We examine the area in question in Firebug and talk about both where and how the image needs to be positioned. We also talk about how to position the sidebar content in a

How to Align Images Using Absolute Positioning

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to align images using absolute positioning by customizing the image sizes and giving the container a relative position. We also discuss why you shouldn’t use margins and padding when using absolute positioning. Rick: So then in terms of lining up the other things, how did you craete those little

Troubleshooting Background Image Display Issues in Thesis

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we troubleshoot background image display issues in Thesis. We look at the custom.css for the site in Firefox and discover the issue is that the image was being defined as a .jpg but it is actually a .png. Member: Okay great, thank you. Rick: Okay. So you’re having difficulty getting a background

How to have a Fixed Background Image with a Transparent Page in Thesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session, a member wants to know how she can have a fixed background image with a transparent page in Thesis. We show how to do this by customizing the body and background area using our BYOB Thesis Full Width Background Options plugin and then making the content area background and #content_area.page transparent. We

Background Images Disappear When Using Web Developer

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

In this session, we discuss why the background images disappear when using the Web Developer Addon for Firefox. Web Developer cannot interpret relative URLs for background images. Member: Now one other question while I have on here, if I may. Rick: Sure, absolutely. Member: When I go to the site that I’m building right now

The Use of Image Sprites in the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

In this session we address a member’s question about how to create a Thesis navigation menu that uses image sprites. We talk about how CSS image sprites are used, show what they look like on a website and how they can be used to create a nice navigation menu layout. Rick: Okay so the next

Add a Background Image to the Header Area Using the BYOB Thesis Full Width Backgrounds Plugin

In this session, we demonstrate how to install our BYOB Thesis Full Width Backgrounds Plugin and then discuss its many features. With this plugin you can currently customize the background areas of body, header, content and footer in a full width framework Thesis site. Okay I want to just quickly demonstrate my cool plugin that

An Overview of How to Use Netbeans, FileZilla, Firefox and Web Developer to Edit CSS

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects - , , ,

In this session we give an overview and show examples of how to use Netbeans, FileZilla, Firefox and Web Developer to edit CSS. Rick: Good evening Sean. Sean: Hi Rick, good evening. Rick: How are you doing, man? Sean: Oh not too bad. I’ve been working on the header plugin and that’s another thing but