Build Your Own Business Website header image

Customizing Thesis

Troubleshooting and Solving Responsiveness Issues in Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we troubleshoot and solve responsiveness issues in Thesis 2.1 for an image that has absolute height. We use custom CSS for the image container widget and remove the bottom margin to get rid of the height because it’s set automatically and is too tall for the space. We show how to specify

Why doesn’t my Site Look Good on Mobile Devices?

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss why a site doesn’t look good on mobile devices and the way to make that possible is by selecting a responsive skin. We also show where to find a couple of responsive themes for Thesis 1.8.5. Member: Well, I’m creating a website that’s in full width and it looks fine

How to Specify a Height for the Homepage Only Using the Thesis Body Class

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we talk about how to specify a height for the homepage only using Thesis body class. We show what the syntax will look like when we give the post box an explicit height. We also talk about the correct CSS syntax when referencing the same html element. Member: Rick, I was going

How to Style Captions in Thesis 1.8.5

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss how to style captions in Thesis 1.8.5 by identifying what the CSS is and changing the border and the background properties. John:  Is there an easy way or a relatively easy way to style captions for images so that it doesn’t have the default WordPress border and gray background? Rick:

How to Add the Superfish Style Vertical Menu to Thesis 1.85

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to add the superfish style vertical menu to Thesis 1.85. We look at the necessary code and then create a function in custom_functions.php that will unqueue the scripts. We also demonstrate how to add HTML codes so that the scripts get added properly. Okay so the only other question

When to Use display:none

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss when to use display:none and why we don’t recommend using this to solve a problem. When you put hidden content that only Google can see, it will think of it as a spam and you can get penalized. There are however, some legitimate reasons why you would use display:none occasionally

How to Change the Space Between Paragraphs in the Thesis Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to change the spacing between paragraphs in the Thesis Theme. We demonstrate how to do this by giving the paragraph itself a bottom margin. Thesis automatically creates the bottom margin and so if you want to change the space, then you could simply adjust the pixels. Member: The first

What’s the Purpose of a Clearing Div?

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss the purpose of a clearing div as the most reliable way of clearing floats. We use a clearing div to clear floats so that nothing stacks beside it. We also talk about our video on Understanding the Float Property which has detailed information on how clearing divs and float properties

How to Adjust Column Padding and Margins in Thesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to adjust column padding and margins in the Thesis theme by creating new dimensions for the width of the elements in CSS to get the desired padding and margin. Rick: Okay and so your problem here is that you want this to move over. Right, this is the default amount

Should I Use em or px When Customizing Thesis?

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss the use of em or px when customizing the Thesis theme as potential size choices and the difference between the two. The more complicated the design is, the less useful ems are because they are calculated differently by the pc and mac. If you have exacting dimensions for things, we

How to Position an Image so that it Spans the Full Width of the Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss how to position an image so that it spans the full width of the page. The Thesis theme has padding and margin around elements so we need to override Thesis' padding and margin by using absolute and relative positioning. We also suggested that you watch our seminar videos on the

How to Align Text and Images in a Text Widget

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

In this session we show how to align text and images in a text widget using CSS rather than HTML. We assign the class alignleft to the image in the text widget and discuss the use of the position property and how to use floats and the pseudoclass after. Member: Great, great. Just one quick

How to Have the Font Style on Posts that is Different from the Font Style on Pages

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we show how to have a font style on posts that is different from the font style on pages using Thesis custom content classes and discuss what needs to happen when using CSS to change the font style just in the content area of the post. Member: Okay, one last thing. When

Background Image that Spans Both Header Area and Content Area

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss how to locate a background image so that it spans both the header area and content area. We examine the area in question in Firebug and talk about both where and how the image needs to be positioned. We also talk about how to position the sidebar content in a

Page Layout with Page Specific Menus and Headline Images

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we discuss page layout with page specific menus and headline images and applying a custom body class to the pages to assign a background image. We talk about how to create a background for the content on the home page and make it a typical content area background. Member: Is it possible

How to Align Images Using Absolute Positioning

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to align images using absolute positioning by customizing the image sizes and giving the container a relative position. We also discuss why you shouldn’t use margins and padding when using absolute positioning. Rick: So then in terms of lining up the other things, how did you craete those little

Troubleshooting Custom Feature Box CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we troubleshoot why the CSS styling isn’t working in a custom feature box and we show how to make some additional styling changes. We review the site’s code in Firefox using Web Developer and Firebug. Part of the problem is that the code references an ID instead of class and there are