Build Your Own Business Website header image

Thesis Header

Thesis 2.1 for Web Design Professionals – Part 7 – Create a 2 Column Responsive Header in Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

So now that we have an understanding of the Thesis Classic Responsive media queries, it’s time for us to actually do something with that. And what we’re going to do is create some responsive columns in our 2.1 skin using those media queries and using the responsive code that is already included in These Classic

How to Add a Slider to the Background of the Header in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to add a slider to the background of the header in Thesis 2 using relative and absolute positioning to position something over the top of the slider. We also show how to add a body class that will target the front page only with the CSS to not have

Lesson 7 – Part 8 – The Agility 1 Column Header Configuration

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Now that I’ve showed you the two column layout, I want to show you a one column version. Let’s take the typical header out of our front page here for a second and drop it up there, we can create a single column header using the Agility 1 column header. And we’ll call this one

Lesson 7 – Part 7 – The Agility 2 Column Header Configuration

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Now we’re going to talk about this smart header. If you open up your Skin Editor, you’ll see that inside of header area page, I’ve got this box called typical header. And the box that’s typical header is actually an Agility 2 column header. This is a box that does a lot of specific things

How to Add a Background Image to the Header Area of the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to add a background image to the header area of the Agility Skin for Thesis 2 using the header area package. We talk about background image positioning and when to specify a height for the header area based on the background image and header area contents. Member:  Okay but

Thesis 2.0.1 How to Add a Clickable Header Image

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to add a clickable header image for Thesis theme 2 using a text box in the HTML editor. We also discuss how to make the image not clickable and how to create a different header image for other pages. Rick:  Okay well the background image isn’t there. Member:  Okay.

How to Create a Full Width Skin in Thesis 2.0 – Part 7 – Style the Header and Backgrounds

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We add a clickable header image to our skin in Thesis 2 while maintaining the use of the tag line. Then we begin adding background images to the skin. We are using a combination of layered background images to produce a semi transparent page that allows the background to show through. The next thing to

What’s New in Thesis 2.0 Part 7 – Create a Custom Header Style for the Homepage

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to create a custom header style in Thesis 2.0 for the homepage (Front Page) and blog page since the last header we created only applied to Pages. We show how to add a text box for the logo image, get the HTML for the image and place it in

What’s New in Thesis 2.0 Part 5 – Add a Clickable Image and Menu to the Header

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to add a clickable image and menu to the header in Thesis 2.0. We add 2 columns in the header, one for the logo image and the other for the menu and tagline, and create a package to style the columns. And we show how to add the HTML

Lesson 2 – Part 6 – Construct the Child Theme Header

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We're going to construct the child theme header. Here we are in our functions.php file and we're going to start using this new file structure with this file. We're going to do that under lib, functions and we're going to create a new PHP file. That PHP file is going to be called, crtc_header. That

Lesson 2 – Part 5 – Understanding the Thesis Header & Nav Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

A number of people noticed that I misspelled functions and you might wonder why it didn't fail because I've misspelled functions here. The reason why it didn't fail primarily is that I'm defining the value of this and I could name this anything I want. I can name this FISHSTICKS and it would still work

Lesson 2 – Create the Custom Header

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

2 columns thesis default header mmbox columns & column width page framework header comments mmbox the div structure of a page structural containers with styles applied to them 3 main divs Each div has page Each page has containers #header_area .page containers ul.menu #header #content_area .page containers #content_box #content #sidebars #footer_area .page containers #footer shrink

Portfolio Website With Horizontally Scrolling Content – Part 3 – Configure the Header Background

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

In this session, we add the header background image that will repeat horizontally using our BYOB Thesis Full Width Background Plugin. After the background image is in the header area, repeating horizontally, we set the #header_area .page background color to transparent. Rick: Okay so then plugins, we’ve got my Full Width Backgrounds plugin. Kim: I

Lesson 8 – Part 3 – Add a Header Image Using the Thesis Header Image

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Using Thesis Header Image Function The first thing we're going to do in styling this is to add a Header Image using the Thesis Header Image function. If you come over here and look at the Thesis menu, consider it has this "Header Image" function. This is the tool that you use to add the

Lesson 8 – Part 9 – Configure Header and Footer Backgrounds

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Styling a Full Width Framework Page Let's take that concept and work it into a styling on our page. If we come back over here to BYOB Thesis Plugins and go to our Full Width Backgrounds Plugin, the very first thing that we’re asked to do is, "Select the Background Areas to Customize". We're not

Create a Thesis Header Image with Photoshop

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

This is a simple tutorial on how to create a header image using Photoshop for your Thesis Header. Rick: Good morning, Jim. How are you doing? Jim: I'm good, thanks! Rick: So, what was your question? Jim: Well, I'm brand new to WordPress and I do have a website now but it's pretty basic and

A Conversation About Creating A Full Width Header

In this session a member asks how to create a full width header using one of our plugins. You can do this using the BYOB Thesis Full-Width Backgrounds Plugins. The first thing you need to do is to select the Full-width Framework under Site Layout in Thesis Design Options; this gives you the ability to

How to remove the Thesis Header Image and Navigation Menu from a specific page

In this session we show how can you remove Thesis Header Image, Page Title, Thesis footer and Thesis Sidebars from a specific page using the BYOB Thesis Landing Pages plugin. We also show how to remove Thesis Nav from a specific page using BYOB Thesis WP Menus plugin.

One Hour Website Makeover DJ Sean Denard Part 8 – Adjust Header Background Image Location

This is Part 8 of the One hour website makeover for DJ Sean Denard’s site and in this session we show how to adjust the header background image location using the BYOB Thesis Header Widgets. Okay so now, we go back down to header row 3 settings and our header row 3 background style. We’re

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