In this seminar we show how to create a simple, clean menu with no drop downs for a Thesis 2 website just like the menu you see on the apple.com site. We take you through the steps of adjusting menu item widths so they spread evenly across the page, creating a gradient background using your own color scheme in ColorZilla and adding border and radius to the menu. We demonstrate how to create this type of menu in our Agility Nude skin but you can do this in any Thesis 2 skin.
We demonstrate how to create a highly customized MailChimp opt-in form in a feature box in Thesis 2. We go through the steps of taking the HTML from the MailChimp form, adding it to the site and customizing the code. We then show how to add a background image to the form, add and style a submit button and style the form fields. This is an intermediate level seminar due to the amount of time we spend working with and refining the css code.
In this session we troubleshoot padding and margin issues in Thesis 2. We look for the cause of the issue and get rid of the bottom margin for a specific widget area and the search form gets wrapped in a paragraph tag. Video Transcript Member: So we created another area, we call it the White
In this session we demonstrate how to style sidebar menus in Thesis 2 by changing the class of the sidebar menu that is interfering the styles that we want to apply. We talk about installing the Widgets Reloaded plugin to be able to change the class of the widget menu. Member: So, now another menu
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,
In this session we troubleshoot 2 column teasers in Thesis 2 where the previous and next post links aren’t working properly. We assign the number of posts to show to make all the posts look the same. We make sure that the previous page and next page are working to accommodate pagination and we also
In this session we show how to place a border between the content and the sidebar in Thesis 2 by giving it an HTML class and adding a single elements style package. We also show how to customize the options for the border. Member: But you know how Thesis 1.85 had that nice little grey
We demonstrate how to create a highly customized AWeber opt-in form in a feature box in Thesis 2. We go through the steps of taking the HTML from the AWeber form, adding it to the site and customizing the code. We then show how to add a background image to the form, add and style a submit button and style the form fields. This is an intermediate level seminar due to the amount of time we spend working with and refining the css code.
In this session we troubleshoot sidebar display issues in a Thesis 2 sidebar where the sidebar doesn’t display until we actually put a text widget in it. In the process of finding the problem we show how to look at the source code in the different browsers. Member: This site looks good in Firefox and
In this session we discuss how to map a PSD file from Photoshop to Thesis 2. We demonstrate how to move boxes in the different areas around to accommodate the design. And we discuss how to add a background to the content area. We also talk about the new skin, Carta, that we will be
In this session we talk about using vertical menus in Thesis 2. We explain how to create a menu, use a menu widget and drag the menu widget into the sidebar and style it. We can also change the list style with the kinds of bullets in the Agility Skin for the widget area. Member:
In this session we demonstrate how to troubleshoot broken Thesis 2 styles first by looking for syntax failures where the syntax had been written in the Additional CSS area of packages. We also talk about checking the CSS file using Firebug to look for errors or copying that code into a code editor which will
In this session we demonstrate how to add multiple menus to Thesis 2. As usual, the menus themselves are created using the WordPress Menu system. We show how to add them using the Nav Menu box in the the Skin Editor which gives us a choice of menus to display. We talk about how to
In this session we demonstrate how to specify a custom background color for a single page in Thesis 2 using a custom body class. We also show how to make the CSS more specific to only cover the content area of the page. We talk about using a different selector for the Thesis Classic Skin
In lesson 7 of our Build a Responsive Professional Website using the Thesis Theme 2, we focus on how to organize a small business/professional website. We talk about why good site organization is so important and how we'll be organizing the site we are creating in this series. Finally, we review the set of WordPress
In this session we show how to have different styling for a second menu in Thesis 2. This second menu is the same menu used as the main one, just with different styling. We add the main menu again in the footer and style it with a new horizontal dropdown menu package. Member: I just
In this session we answered the question, “Should I start a new site in Thesis 2 or stick with Thesis 1.85?”. We discuss the kind of site to be created and whether it is to be responsive and the benefits of Thesis 2. We also point out talk about some of our video seminars as
In this session we demonstrate how to use the Types plugin to add custom post meta to a Thesis 2 template as a way of creating custom post meta and displaying that custom post meta in any Thesis post or page. You know there’s another way to add post meta. And I mean the easy
In this session we talk about what’s new in Thesis 2.0.2. There are a lot of changes that have occurred but none that affect the majority of users very much. Most of the changes have to do with creation of boxes and packages and apply to developers. Then we show one of the changes that