Build Your Own Business Website header image

Header

Thesis 2.1 for Web Design Professionals – Part 8 – Change the Responsive Header Behavior for Tablet Devices

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next thing I’d like to do is to change up our 2 Column Responsive Header a little bit. I would rather have the tagline up here and a menu up here in these larger views. So rather than the setting that here in our custom css, rather than using W total here, we’re going

How to Create a Landing Page in Thesis 2 & Agility – Part 6 – Style the Landing Page Header

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that we’ve gotten the structural part of the Landing Page in Thesis 2 completed, we’re going to style each one of these things. We're going to start off by styling this header and then we'll style the headline and we'll do whatever styling necessary to make this work. We’ll wrap up the styling down

Configuring a Header with Menu to be Responsive in Thesis 2

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

In this session we show how to configure a header with a menu to be responsive in Thesis 2. We talk about what to do with the header image and discuss the different ways of displaying the menu by adjusting its sizes and using a background. Member: The header banner that you helped me with,

Add a Large Clickable Image to the Thesis 2 Classic Skin Header

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to add a large clickable image to the Thesis 2 Classic skin header by making it an actual HTML image, placing it inside of a text box and dragging it into the header. Member: It basically, the header area box, it's in Thesis Classic is so small and I

How to Reduce the Space Between the Page Title and the Amazon aStore in Genesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to reduce the space between the page title and the Amazon aStore in Genesis. We identify what causes the space using the tool FireBug and discuss how to customize the settings for the header defined inside the aStore to get rid of the space. Member: This is… you just

Lesson 3 – Part 8 – Create the Structural CSS

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to -

The next thing we’re going to do is add some structural CSS to this and we’re going to do that by opening up style CSS. We’re actually just going to delete those colors now and we’re going to start off with the header and drop some pre-written code in here. What this does is it

Understanding the Float Property

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

In this video we discuss the CSS float property.  We discuss what the float property is and how it affects the normal flow of HTML elements.  We look at what happens to an HTML element that is defined as float:left;  We consider various combinations of floats, element sizes and margins for arranging HTML elements on