Build Your Own Business Website header image

Header Image

WordPress 3.9 Crash Course – Part 23 – Reorganize our File, Simple WordPress Theme Customization

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

Typical WordPress themes have some limited ability to be customized. If you're familiar with the Genesis theme and the Thesis theme then you know there's quite a wide range of customization that you can do but the typical wordpress.org theme does not have a huge range. However, you can make some pretty decent changes. We’ve

How to Add Space Between the Header Image and the Menu in Classic Responsive

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to add a space between the header image and the menu in Classic Responsive by adding a margin bottom to the header. We also show its 3D view that gives a sense of the layers that are involved and where things are located. Rick: Anything else? Member: I was

How to Use 2 Images Side by Side in the Header of Thesis Classic Responsive

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to use 2 images side by side in the header of the Thesis Classic Responsive skin. We have a seminar called Create a Responsive 2 Column Responsive Header in Thesis 2.1 that will show how to do this without writing much code and only uses mostly classic responsive code

Thesis 2.1 Launch Party – Part 4 – Add a Header Image to Thesis 2.1

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We’re going to continue to customize the Thesis Classic Responsive skin. And now what we’ll be doing is adding in a header image. But I want Thesis to tell me how big that header image is. Thesis 2.1 comes with this new header image feature and based on how wide your columns are, it will

Create a Magazine Style Blog Site with Thesis 2 – Part 12 – Setup Template Specific Header Images

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

What we're going to do is use text boxes for this here on the Front Page Template. So we're going to start off down here with the text box. I’ll call it Home Header 1 and Home Header 2. We'll drag our text box up into place so we've got Column 1 here and in

Troubleshooting Header Images in the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we troubleshoot header images in the Agility Skin for Thesis 2 by checking the options for typical header and find that the header image URL doesn’t resolve because it no longer exists. We show how to replace that with the new image and give the background image a size so that it

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

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we review how to add a header image to the Agility Skin for Thesis 2. We show where the header images goes and talk about how the selected column configuration affects the image. The header area will automatically expand to fit the height of the image but if the image width is

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.

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 11 – Part 5 – Make the Genesis Header Image Responsive

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

This Genesis theme is nice and responsive. See how this drops down, it gets nice and smaller, things collapse, widget areas collapse and so it can fit in a smaller environment or a smaller space. But the one thing that it doesn't do this is this image here in the header. If you have a

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

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

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

Creating a Full Width Header Using BYOB Thesis Plugins Part 4 – Add the Logo to the Header

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is part 4 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add a clickable logo to the header by adding the HTML code to a text widget that is created through the installation of the BYOB Thesis Header Widgets plugin.

Why Does My Header Image Look Fuzzy

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss why a header image looks fuzzy and how to resolve it by resizing the image to it's correct dimension by using Photoshop, Paint.net or other image editing software. We also show how to make the header image clickable by going to Thesis Design Options and under Display Option, checking “Show

Is it Possible to Add an Alt Tag to a Header Image Using the Thesis Header Image Function?

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

This member asks if it is possible to add an Alt tag to the header image when it is added using the Thesis Header Image function.  I explain that the Thesis header image is actually a background image and thus it doesn’t take an alt tag.  However I also show another method of adding a

What is “Transparency” and what are Transparent Graphics?

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

This member asks what “Transparent” means in the context of web graphics. I offer a definition of transparency with respect to images. Then I describe the uses of a transparent graphic. I describe why I use the transparent image in the Thesis header image. I finally discuss appropriate file types for transparent images. Video Transcript