Build Your Own Business Website header image

BYOB Carta Skin

How to Upgrade Carta When There is No Upgrade Notice

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this live answer session we walk you through the steps of upgrading Carta Skin when there is no upgrade notice. This exact same manual upgrade process can be used to upgrade any Thesis Skin when you don't have an upgrade notification. Rick: So you wanted to talk about how to upgrade the Carta Skin when

Configuring the Next Post/Previous Post Links in Agility and Carta

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to configure the next post/previous post links in the Agility Skin and the Carta Skin using the Agility Custom Post Nav box that is built into the latest version of Agility. We also show how to setup the settings by changing the intro text and custom text. Rick: One

How to Create a Responsive 2-Column Call to Action Box

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

In this session we talk about how to create a responsive 2 column call to action box using the Carta Column System and the Agility Column System. The process to accomplish this involves creating a column wrapper and left and right columns where you add image links and add a class to style the column

How to Create a 2-Column Feature Box in the Carta Skin for Thesis 2.1

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to create a 2 column feature box in the Carta skin for Thesis 2.1 by configuring the column wrapper to be 2 columns. We discuss the importance of giving the columns descriptive names so you can easily understand what they are for. We also explain the difference between a

Using Carta Media Queries to Adjust the Header for Mobile Devices

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate using Carta media queries to adjust the header for mobile devices to  make it behave the way we want it to behave. We add the body class .carta in order for it to take precedence and we discuss how to use floats in this context. Member: I do have a

How to Customize the Footer in the Carta Skin for Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to customize the footer in the Carta skin for Thesis 2.1. We demonstrate how to change the footer background with a background color and background image. We also discuss how to add a border width and color to add a top border without an image. Member: Well, on the

How to Use Carta Media Queries to Make Background Images Responsive

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

In this session we show how to use Carta media queries to make the background images responsive and show the best way to layer text over a background image. We discuss spacing issues with background images. And we also demonstrate how to change the CSS in the media query itself for a background image and

Customizing Templates in the Carta Skin for Thesis – Part 8 – Create a Landing Page in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now what we’re going to do is create a landing page template in the Carta Skin for Thesis 2. The landing page template is going to have a very simple layout. What we’ll do is come over here and create a template. We are going to call it Landing Page. Create the template. Now what

Customizing Templates in the Carta Skin for Thesis – Part 7 – Make a Full Width Feature Box in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that I’ve shown you how to make a full width width area in the Carta Skin for Thesis 2 the next thing that we’re going to do is make a full width feature box here. We’re going to make a full width feature box so that it is also outside of the span of

Customizing Templates in the Carta Skin for Thesis – Part 6 – Create a New Full Width Section in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Next up in this Customizing Templates for the Carta Skin for Thesis 2 seminar we are going to look at how to create a new full width section. The first kind of full width section we’re going to create is this header. We’re just going to make this header a whole full width piece all

Customizing Templates in the Carta Skin for Thesis – Part 5 – Create a 3 Column Template in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that you’ve seen how to make the Front Page go from 1 column wide to 2 columns wide the next thing we’re going to do is create a 3 column template in the Carta Skin for Thesis 2. The way that it’ll be laid out is to have one column on the left, one

Customizing Templates in the Carta Skin for Thesis – Part 4 – Make the Front Page 2 Columns in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So far you’ve seen how to create a 3 Column Header and a 2 Column Feature Box in the Carta Skin for Thesis 2 and now I’m going to show you how to make the Front Page 2 Columns wide instead of 1 Column wide. The way we do that, first is to come over

Customizing Templates in the Carta Skin for Thesis – Part 3 – Make a 2 Column Feature Box in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So the next thing that we are going to do in this Customizing Templates in the Carta Skin for Thesis 2 seminar is to make a 2 Column Feature Box here. Right now it’s a 1 column feature box. This Feature Box only exists on the Front Page so what we have to do is

Customizing Templates in the Carta Skin for Thesis – Part 2 – Make a 3 Column Header in Carta

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that I’ve introduced the Carta skin’s Responsive Column System for Thesis 2, we’re going to start off by making a 3 column header in Carta. We’re going to do this in a custom template so I’m going to go here to click on the home template and over custom template, say add new. I’m

Customizing Templates in the Carta Skin for Thesis – Part 1 – Understanding the Carta Columns System

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this special seminar on making structural changes to the templates in the Carta Skin for Thesis 2. We’re going to start off today by talking about the Carta Responsive Column System. If you’ve watched some other Carta Skin videos, you may have already seen this introduced but I’m going

Customizing Templates in the Carta Skin for Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this seminar we discuss how to use the advanced tools in Carta to customize the arrangement and layout of various templates. Carta's responsive columns system allows you to reconfigure the structure of your templates while still retaining the responsiveness. In other words, your web pages still look good in a mobile device. We then show you many examples of how to change the structure of your templates.

Styling the Carta Skin for Thesis 2 – Part 13 – Create a Custom Widget Style in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that you know the ways in which you can style widgets in the Carta Skin for Thesis 2, the next thing we're going to do is create a custom widget style using those packages. But before we do that, I want to draw your attention to 3 different elements of a widget. This is

Styling the Carta Skin for Thesis 2 – Part 12 – Styling Widgets in Carta

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do in this video tutorial series on Styling the Carta Skin for Thesis 2.1 is take a look at styling widgets. Carta has a bunch of different ways in which you can style widgets. If we come over here to the Skin Design option, the first and easiest way