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
In this session we demonstrate how to add an additional banner above the promo bar in the Promo skin by creating a text box as the secondary header and placing it into the header inner box. We also show how to add an image in the sandbox page and add it to the new box
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
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
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
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
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
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
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.
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
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
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
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
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
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.
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
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.
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
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
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