Member Login

You are not currently logged in.






» Register
» Lost your Password?
Login ↓
Home > Customizing Thesis > CSS

CSS

How to Center the Title on Pages Only in Thesis

In this session we talk about two different ways to center the title on Pages only in Thesis. We discuss the automated way of doing it by adding a custom body class to every page and then creating a custom class that centers the page for that body class. Then we show how to center [...]

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Watch the Video →

Can the Page Title be Hidden?

A member asks if it is possible to hide the actual page title on a given post or page. I suggest that there is another mechanism for having a title on a page without it looking like a page name. The page title is an important part of the page for SEO and for Google [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Watch the Video →

Background Images Disappear When Using Web Developer

In this session, we discuss why the background images disappear when using the Web Developer Addon for Firefox. Web Developer cannot interpret relative URLs for background images.

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Watch the Video →

How to have a Fixed Background Image with a Transparent Page in Thesis

In this session, a member wants to know how she can have a fixed background image with a transparent page in Thesis. We show how to do this by customizing the body and background area using our BYOB Thesis Full Width Background Options plugin and then making the content area background and #content_area.page transparent. We [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

Style the Full Width Framework by Layering Background Images

Learn how to layer background images easily using our Thesis Full Width Background plugin. We demonstrate how to add an overall background image, then add images for the header, page and footer areas.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

How to Add Tiled Background Images to Full Width Framework

Learn how to add tiled background images to a full width framework using our Thesis Full Width Backgrounds plugin.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

Understanding the Position Property

Learn how to use the CSS position property to position HTML elements. In this seminar we examine what the property is, what it can do, how to use it.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

Optimize Your Page for the iPad in Thesis

Thumbnail image for Optimize Your Page for the iPad in Thesis

A member noticed recently that her site looks great in regular browsers but that it doesn’t look so hot on an iPad.  She discovered that in order for it to look right on the iPad it didn’t look right in regular browsers.  Perhaps the easiest way to address this is to add a new style [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

A Conversation About Making a Print Version of Web Page

In this session a member asks how to make her website printer-friendly so that when someone goes to print, it actually looks like the Web Page. The method of making a page the right size for a printer involves moving some content around a bit unless you can make the web page narrow enough so [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

How to Use a Sprite as a Background Image for a Link

In this session, we talk about how to use a Sprite as a background image for a link on a page and discuss some different methods to achieve the goal. We review the code that a member has created for this purpose.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

How to Change the Style of Text Inputs

In this session we show how to change the border color and width of the text box in a contact form using custom CSS. We show you how to make changes to the CSS so you can preview them using Firebug and Web Developer first before changing your custom CSS file. Video Transcripts So you [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 4 - Part 1 Video

Lesson 4 – Part 1 – Adding a Simple Tiled Background Image

Adding a Simple Tiled Background Image in Thesis Hi and welcome to Lesson 4 of the Customize Thesis Like a Pro tutorial series. In this lesson, you’ll learn how to customize the appearance of your Thesis website using background images. Background images can be used anywhere on your site – from small buttons to large [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Where to Begin to Learn How to Customize Thesis

A member asks how to begin learning to customize Thesis. We discuss the lessons we have where you can begin learning about customizing your Thesis website with CSS and where to find more resources. We have a revised series that we are working on for the Customize Thesis Like a Pro Lessons. The lessons completed [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 2 - Part 1 Video

Lesson 2 – Part 1 – Introduction to Editing Thesis Using CSS

Introduction to Editing Thesis Using CSS Welcome to Lesson 2 of the Customize Thesis Like a Pro tutorial series. Thesis is a remarkably flexible and relatively easily customizable WordPress theme framework. And the easiest way to go beyond the customization that’s available to you in Thesis Design options is to learn how to edit CSS. [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Ways to Learn HTML and CSS

In this session a member asks about 4 programming languages: HTML, CSS, PHP and Javascript and where to learn more about them. We recommend starting with HTML and CSS because you can’t learn CSS independently of HTML. Then we suggest an excellent resource for learning these along with our own Customize Thesis Like a Pro [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

Watch the Video →

How to Adjust the Space between Lines of Text – Line Height Property

A member had a block of h1 text and he wanted to fine tune the space in between each line.  We look for a line spacing button on our visual editor.  Next we create a custom css style.  We demonstrate using Web Developer to test our new code. Video Transcript Rick: Eldo has a question. [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 6 - Part 1 Video

Lesson 6 – Part 1 – CSS Inheritance and Thesis

Running Time – 12:12

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

How to Create a Submit Button Using CSS3 Gradients

In this session we discuss how to create a submit button using a button maker that automatically generates the a code which you can very conveniently grab and paste into your Custom CSS. Video Transcript Yeah you know, I don’t think you can but you know, this is the perfect segue into something I prepared [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Watch the Video →
Watch Lesson 4 - Part 2 Video

Lesson 4 – Part 2 – Understanding the background image properties

Understanding the Background Image Properties Welcome back to Part 2 of Lesson 4 of the Customize Thesis Like a Pro tutorial series. In the 2nd part of this lesson, we are going to look in detail at the various properties associated with the background image. Default Behavior of the Background Image Property Right here the [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Style the Full Width Framework by Layering Background Images Part 2

This is Part 2 of 2 in a series on How Style the Full Width Framework by Layering Background Images. In this session we continue to show how to layer background images using the BYOB Thesis Full Width Backgrounds plugin. Video Sitemap Now the problem with this is of course, we’ve got these other images [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

← Previous Entries