Documentation

Cartel WordPress

By UDTHEMES
udthemes.com

Note : this docuementation is also available online.
For documentation updates, please check the online version.
Welcome
Thank you for purchasing this WordPress theme. If you have any questions that are beyond the
scope of this documentation, please visit our dedicated forum at support.udthemes.com.To access
the forum you will need your Item Purchase Code. Need help finding your item purchase code?
Click here. Thank you!

In this Documentation
● Setup
○ Installation
○ Permalinks
○ Front Page
○ Menus
○ Updating the Theme
● Portfolio
○ Featured Project Image
○ Featured Project Video
○ Featured Project Slider
○ Featured Full Width Project Slider
■ Adding Slides
■ Caption Types and Examples
● Shortcodes
○ Columns
○ Blockquotes
○ Dropcaps
○ Buttons
○ Highlights
○ Lists
○ Tabs
○ Accordions
○ Pricing Tables
○ Chart
○ Image
○ Video
○ Slider
○ Twitter Timeline Widget
○ Social Links
○ Google Map
● Fonts
● Foundry Theme Options Panel
● Credits
Setup
Installation
Getting Started
There are two methods of theme installation. Normally you should be able to install your theme
through the Appearance menu of the WordPress dashboard, but you might occasionally have to
install the theme manually by using FTP.

Please click here for instruction on how to install a theme through the WordPress Admin or via FTP.

Installing a Skin
The theme comes with a set of predefined skins, namly, black and white. You can install these by
going The Foundry > Welcome. In the welcome screen click 'Upload a Foundry Pack' and
thereafter thereafter click 'Upload to Install'.
Demo Content
To help you get going we have included a demo content file that will create the pages and posts
you see in the demo. To install the demo content follow these steps:

Step.1

Go Tools > Import.

Step.2

Click on 'WordPress'.

Step.3
Click 'Browse' and then select the demo xml file that came with the theme.

Demo Content Troubleshooting
1. I get a bunch of 'Failed to Import' errors?

Make sure that you have activated the theme as this error commonly occurs because it's trying to
load posts or taxonomies of custom post types do not yet exist or that you did not check the box
saying 'download and import file attachments'.

2. It just keeps loading but nothing happens and nothing gets imported?

- Try editing your wp-config.php file to:

define('WP_MEMORY_LIMIT', '96M');
NOTE: if the above did not work please contact your host.
Permalinks

Set Permalink Structure
Click Settings > Permalinks. Under 'Common Settings' make sure to select 'Post Name' as seen
below:

Permalink Troubleshooting
If you get an error when setting your permalinks to 'Post Name' it could be that your install does
not generate a .htaccess file or that it does not write the new rules onto your existing .htaccess
file. To rectify this you can try to change file permissions. To do this chmod the .htaccess file to
666 and edit the file.
Front Page

Set Front Page Display
Click Settings > Reading. Under Front Page Display select 'A static page (select below)'. Select
'Home' for frontpage and 'Blog' as for post page as seen below.

Menus

Creating a Custom Menu
Step.1

Click Appearance > Menus.

Step.2

Give your menu a name e.g. 'Main Menu' and click 'Create Menu'
Step.3

Make your menu the primary navigation of your site by selecting 'Primary Navigation' under 'Theme
Locations'. Make sure to also select 'Automatically add new top-level pages to this menu' as this
will add any newly created top level page to your menu without having to add it manually.

Step.4

Select the pages you want to appear in the menu, then click 'Add to Menu'. Once done click 'Save
Menu'.
Custom Links

You can create custom links by clicking 'Links', entering the custom link and the link text, then click
'Add to Menu'.
Updating the Theme
NOTE: Following these steps will ensure that your data stays intact. However, if you have made any
CSS changes to the theme, please make sure that they have been entered directly in the Foundry CSS
Editor or in an external stylehseet imported in the Foundry CSS Editor . Any changes to template
files will be overwritten in an update.

Step 1. Delete Current Version

Go Appearance > Themes. Activate one of the default themes that comes with WordPress. Then
click the 'Delete' link under your uploaded theme.

Step 2. Upload the New Version

Go Appearance > Themes. Click 'Install Themes' > 'Upload' and select your the theme folder.
Once uploaded click 'Activate'.

Importing a Stylesheet
You can import your own stylesheet directly in the Foundry > CSS Editor. This is done as follows:

@import url(http://yourdomain.com/fontfolder/bebasneue.css);
NOTE: Make sure to enter the correct URL depending on where you have uploaded the stylesheet.
Theme Customization
You can control all aspects of your theme through the Foundry Theme Panel. However, if you want
to customize the theme further and implement substantial changes, we highly recommend creating
a child theme. You can read more on how to create Child themes here. The benefit of creating a
child theme is that it will give you much greater flexibility as you add or remove scripts and as well
as add custom functions. Creating a child theme will also ensure that any changes you made to
core scripts will stay intact when updating the theme.
Portfolio
Portfolio Options
Step.1

Go Portfolios > Add New.

Step.2

Give your project a Title.

Step.3

Set a featured Image. This is the image that will appear in the Portfolio Grid. For more information
on how to set a featured image click here.

Step.4

Scroll down to the bottom of the page and enter a 'Display Title' if you wish to use one. You can
use this field to customize the project title using spans. Below is a working example:

Display Title

Display <span>Title</span>
Step.5

Choose page layout, you have the option of three different layouts, namely:

1. Default ( with featured image, video or slider that span 870px)

2. Full Width Slider (with featured slider that spans across the entire window)
3. Without Featured Media (if you want to use short codes instead)

Step.6
Choose Portfolio Index Thumbnail Size Option. This sets the thumbnail size of featured image in
the portfolio grid. You can choose between four different sized, namely:

1. 286px * 196px
2. 286px * 398px
3. 578px * 398px
4. 578px * 196px

Step.7

Set the thumbnail caption that appears on rollover. If left blank, the rollover logo set in Foundry
>Logos will appear instead.

Step.8

Set the full screen background image for the project, this is done by simply pasting the url of the
image you want to use. If left blank the global image set in Foundry > Color > Background Images
will appear.
Featured Project Image

Step.1

Set the featured media of the project by clicking 'Set Featured Image' in the right hand sidebar
under 'Featured Image'

Step.2

A modal will open. Click the button 'Select Files'. Choose your image and Click Ok.
Step.3

You will now see your uploaded image. To set a featured image for your project, click it to select it,
then click the button 'Set featured image'

Step.4

Close window and click 'Publish'.

Featured Project Video
Step.1

Set the featured media of the project by clicking 'Set Featured Image' in the right hand sidebar
under 'Featured Image'

Step.2

A modal will open. Click the button 'Select Files'. Choose your image and Click Ok.

Step.3

You will now see your uploaded image. To set a featured video for your project, scroll down to
'Display Opt' and select set as 'Display Featured Video(YouTube)' or 'Display Featured
Video(Vimeo').
Step.4

Scroll Down to 'Video URL' and set the ID of the video that you use, either YouTube or Vimeo ID.
Here are two examples of how to get the IDs:

Youtube: http://youtu.be/vMR9bctQa3E

Vimeo: http://vimeo.com/38838206

Step.5

Close the modal window and click 'Publish'.

Featured Project Slider
Step.1

Set the featured media of the project by clicking 'Set Featured Image' in the right hand sidebar
under 'Featured Image'

Step.2

A modal will open. Click the button 'Select Files'. Choose your image and Click Ok.

Step.3

You will now see your uploaded image. To create a Featured Slider scroll down to 'Display Opt'
and select set as 'Display Featured Slider'. Note that you will have to do this for each slide you
want to add to the slider.
Step.4

Add a caption to you slide. Scroll to 'Caption' and enter a brief caption for your slide.

Step.5

Add a slide link. Scroll to 'Slide Link URL' and enter your URL.
Step.6

Repeat steps 3 to 5 for each slide you want to add to the slider. Keep in mind that you will need to
have added two or more slides to activate the slider. Once done, close the modal and click on
'Publish'
Featured Full Width Project Slider

Adding Slides

Slider Image Sizes
Images used in the slider will automatically scale to fit width of the viewport. Images used for the
demo are approximately 1500px * 800px in size and around 200kb each. All slides do not need to
be the same size.

Adding Slides
Step.1

Click 'Add Media' .

Step.2

Click 'Upload Files' then 'Select Files' and select all slides you want to appear in the full width
slider.
Step.3

Go through each image and a add caption and make sure that 'Display Opt.' is set to 'Display in
Featured Slider'. For caption styles and examples click here. Once done, close the modal.
Step.4

Set page layout to 'Full-width Slider'.

Step.5

Click Publish. Repeat Step 1. to Step 5. to add additional slides.

Caption Types and Examples
Captions

The slider takes five types of caption styles:

1. Boxed Background (entered as: boxed-background)

2. Elegant (entered as: elegant)
3. Impact (entered as: impact)
4. Single Border (entered as: single-border)
5. Striped (entered as: striped)
Positions

Each caption can take the following positions:

1. Top Left (entered as: top-left)

2. Center Left (entered as: center-left)
3. Bottom Left (entered as: bottom-left)
4. Top Right (entered as: top-right)
5. Center Right (entered as: center-right)
6. Bottom Right (entered as: bottom-right)
7. Center (entered as: center)
Sizes

Each caption takes six different sizes (entered as: size_1-size_6)

A caption is constructed as follows:

[epicslider_caption caption_type="caption­name"
caption_position="position" caption_width="numeric"]
[span class="size_3"]Caption[/span]
Additional text
[/epicslider_caption]
IMPORTANT NOTE: If copying the caption shortcodes below, make sure to retype the size classes
once pasted into WordPress.

Working Examples

Below are some working examples on how to construct each caption and how to customize them
further. You can simply copy the exmaples out and paste them into the media uploader editor and
edit to your needs:

Boxed Background
Constructed:

[epicslider_caption caption_type="boxed"
caption_position="center" caption_width="600"]
[span class="size­3" style="margin­bottom:0px"]BOXED CAPTION[/span]
[span class="size­5 variation"]BOXED CAPTION[/span]
And some text... <a href="#">Next Slide</a>
[/epicslider_caption]
Elegant

Constructed:

[epicslider_caption caption_type="elegant" caption_position="bottom­left" caption_width="500"]
[span class="size­3"]ELEGANT CAPTION[/span]
And some text...
<a class="es­next­slide" href="#">Next Slide</a>
[/epicslider_caption]
Impact
Constructed:

[epicslider_caption caption_type="impact" caption_position="center"
caption_width="600"]
[span class="size­3"]IMPACT <a href="#">CAPTION</a>[/span]
[divider]
And some text...<a href="#">A Link</a>
[/epicslider_caption]
Single Border

Constructed:

[epicslider_caption caption_type="single­border" caption_position="center­left"
caption_width="600"]
[span]SINGLE BORDER CAPTION[/span]
And some text...
<a href="#">Next Slide.</a>
[/epicslider_caption]
Striped
Constructed:

[epicslider_caption caption_type="striped"
caption_position="bottom­left" caption_width="500"]
[span class="size­6" ]AWESOME[/span]
[span class="size­4" ]STRIPEDCAPTION[/span]
<a href="#">[span class="size­6"]NEXT SLIDE[/span]</a>
[/epicslider_caption]
Further Examples

You can style your captions further by adding dividers and short code buttons for better
interaction. Below is a working example of an impact caption with divider and button:

[epicslider_caption caption_type="impact"
caption_position="center" caption_width="600"]
[span class="size­3"]IMPACT <a href="#">CAPTION</a>[/span]
[divider]
And some text...
[button url="http://udthemes.com"]Button[/button]
[/epicslider_caption]
Internal Linking

You can use the slider for presentational purposes and create links that navigate to the next or
previous slide. Such links are created as follows:

Next Slide:

<a href="#" class="es­next­slide">Next Slide</a>
Prev Slide:

<a href="#" class="es­prev­slide">Prev Slide</a>
Shortcodes
Columns
Halfs

Constructed:

[column_one_half]content...[/column_one_half]
[column_one_half_last]content...[/column_one_half_last]

Thirds

Constructed:

[column_one_third]content...[/column_one_third]
[column_one_third]content...[/column_one_third]
[column_one_third_last]content...[/column_one_third_last]

Fourths

Constructed

[column_one_fourth]content...[/column_one_fourth]
[column_one_fourth]content...[/column_one_fourth]
[column_one_fourth]content...[/column_one_fourth]
[column_one_fourth_last]content...[/column_one_fourth_last]

Two Thirds

Constructed

[column_one_third]content...[/column_one_third]
[column_two_thirds_last]content...[/column_two_thirds_last]

Three Fourths

Constructed

[column_one_fourth]content...[/column_one_fourth]
[column_three_fourths_last]content...[/column_three_fourths_last]
Blockquote
Constructed

[blockquote blockquote_style="boxed­background" align="left"
text_align="left" cite="" style=""]content...[/blockquote]
The theme offers the following blockquote styles:

1. Default
2. Elegant
3. Boxed
4. Boxed Background
5. Overlayed
6. Striped

Note: Blockquote border colors, graphics, and font color can be set under Foundry > Colors >
Shortcodes. You can also add custom styles to the style attribute.

Drop Caps
Constructed

[drop_cap style="color:#ff6a28;"]A[/drop_cap]
Note: you can add custom styles using the style attribute.

The Drop Cap assumes the body font, but you can add your own font by targeting it in Foundry >
CSS Editor. Below is a working example:

@import url(http://fonts.googleapis.com/css?family=Alegreya+SC);
span.dropcap {
    float: left;
    font­family: 'Aleygreya' !important;
    font­size: 60px;
    line­height: 50px;
    padding­right: 15px;
    padding­top: 4px;
}
Buttons
Constructed

[button url="linkURL" title="Button label" size="small" color="theme" style=""]
Button label
[/button]
Note: you can add custom styles using the style attribute. To add your own custom color you would do
as follows:

style="background:#ff000;"
You can also alter the rollover opacity by overriding the default styles in the Foundry > CSS Editor.
Below is a working example:

.submit:hover,
.submit:focus,
.submit:active {
filter: alpha(opacity=30) !important;
opacity: 0.3 !important;
color:#fff;
}
The button shortcode takes the following sizes:

1. small
2. medium
3. large

The button shortcode takes the following preset colors:

1. theme
2. darkGray
3. gray
4. white
5. yellow
6. orange
7. red
8. green
9. blue
10. turquoise
11. purple
12. pink
Highlights
Constructed

[highlight highlight_type="italic" color="yellow" style=""]
Note: you can add custom styles using the style attribute.

The theme offers the following highlight styles:

1. Bold
2. Italic

The theme offers the following preset colors:

1. darkGray
2. gray
3. white
4. yellow
5. orange
6. red
7. green
8. blue
9. turquoise
10. purple
11. pink

Lists
Constructed

[list list_style="turquoiseDash" style=""]
<ul>
<li>...text...</li>
<li>...text...</li>
<li>...text...</li>
<ul>
[/list]
Note: you can add custom styles using the style attribute.
The the theme offers the following list styles:

1. Dot
2. Arrow1
3. Arrow2
4. Tick
5. Plus
6. Dash

The the theme offers the following preset colors:

1. darkGray
2. gray
3. white
4. yellow
5. orange
6. red
7. green
8. blue
9. turquoise
10. purple
11. pink

Tabs
Constructed

[tabs labels="Label 1, Label 2, Label 3"]
[tab label_ref="1"]Some content for the first tab.[/tab]
[tab label_ref="2"]Some content for the second tab.[/tab]
[tab label_ref="3"]Some content for the third tab.[/tab]
[/tabs]

Accordions
Constructed

[accordion]
[accordion_label]Panel 1[/accordion_label]
[accordion_content]Content of first panel.[/accordion_content]
[accordion_label]Panel 2[/accordion_label]
[accordion_content]Content of second panel.[/accordion_content]
[/accordion]

Pricing Tables
Constructed

[pricing_table columns="1"]
[pricing_table_column]
<ul>
<li>Plan</li>
<li>[span class="price"]$35.00[/span][span class="price_affix"]/mo.[/span]</li>
<li>Feature</li>
<li>[button url="#"]Button[/button]</li>
</ul>
[/pricing_table_column]
[pricing_table_column]
...
[/pricing_table_column]
[pricing_table_column]
...
[/pricing_table_column]
[/pricing_table]
You will need to follow these steps to create a table:

Step 1.

Define the number of table columns required by specifying it in the 'pricing_table_columns'

attribute.

Step 2.

Create table rows by inserting an unordered list.

Step 3

To style the price row you can use the span class the the following classes: 'price' and 'price_affix'
as indicated above.
Chart
Constructed

[chart data="Design:45%;Photography:35%;Videography:20%;" style=""]
Note: you can add custom styles using the style attribute. To modify the hover state of the skill chart
simply target it as follows in Foundry > CSS Editor:

.chart­container ul.chart li div:hover{
filter: alpha(opacity=30) !important;
opacity: 0.3 !important;
}

Image
Constructed:

[image width="100%" height="580px" caption_width="50%" url="imageURL" caption_style="elegant"
caption_align="top­left" style=""]
Caption Content
[/image]
Note: you can add custom styles using the style attribute.

Captions

The image short code takes five types of caption styles:

1. Boxed Background (entered as: boxed-background)

2. Elegant (entered as: elegant)
3. Impact (entered as: impact)
4. Single Border (entered as: single-border)
5. Striped (entered as: striped)
Positions

Each caption can take the following positions:

1. Top Left (entered as: top-left)

2. Center Left (entered as: center-left)
3. Bottom Left (entered as: bottom-left)
4. Top Right (entered as: top-right)
5. Center Right (entered as: center-right)
 6. Bottom Right (entered as: bottom-right)
7. Center (entered as: center)
Sizes

Each caption take six different sizes (entered as: since_1-size_6)

Working Examples

Below are some working examples on how to construct each caption and how to customize them
further. You can simply copy the exmaples out and paste them into the media uploader editor and
edit to your needs.

IMPORTANT NOTE: If copying the caption shortcodes below, make sure to retype the size classes
once pasted into WordPress.

Boxed Background

Constructed:

[image width="100%" height="580px" caption_width="50%"
url="imgURL" caption_style="boxed"
caption_align="bottom­right"]
[span class="size­2" style="margin­bottom:0px;"]BOXED BACKGROUND[/span]
[span class="size­5 variation"]BOTTOM RIGHT[/span]
And some text...
[/image]
Elegant
Constructed:

[image width="100%" height="580px" caption_width="50%"
url="ImgURL" caption_style="elegant"
caption_align="top­left"]
[span class="size­4"]ELEGANT CAPTION[/span]
And some text...
[/image]
Impact

Constructed:

[image width="100%" height="400px"
url="imgURL" caption_style="impact"
caption_align="center"]
[span class="size­3"]A BIG ASS CAPTION[/span]
And some text...
[/image]
Single Border

Constructed:

[image width="100%" height="580px" caption_width="40%"
url="imgURL" caption_style="single­border"
caption_align="center­left"]
[span class="size­5"]SINGLE BORDER CAPTION[/span]
And some text...[/image]
Striped

Constructed:

[image width="100%" height="580px" caption_width="60%"
url="imgURL" caption_style="striped"
caption_align="bottom­left"]
[span class="size­6"]AWESOME[/span]
[span class="size­4"]STRIPED CAPTION[/span]
[span class="size­5"]BOTTOM LEFT[/span]
[/image]
Further Examples

You can style your captions further by adding dividers and short code buttons for better
interaction. Below is a working example of an impact caption with divider and button:

[image width="100%" height="400px"
url="imgURL" caption_style="impact"
caption_align="center"]
[span class="size­3"]A BIG ASS CAPTION[/span]
[divider]
And some text...
[button url="http://udthemes.com"]Button[/button]
[/image]
Lightbox
Constructed

[lightbox width="" height="" media_type="image" thumbnail_url="thumbURL"
url="linkURL" link_title="This is a lightbox title" rollover_text="" align="" style=""]
Caption Content...
[/lightbox]
Note: You can add custom styles using the style attribute.

Lightbox with YouTube Video

To display a YouTube video in the lightbox you will need the iframe url that you can get under the
embed tab on youtube.com. The url will look similar to this:

http://demo.udthemes.com/cartel/wordpress/documentation/lightbox

Lightbox with Vimeo Video

To display a Vimeo video in the lightbox you will need the iframe url that you can get by clicking the
'share' icon on any Vimeo video. The url will look similar to this:

http://player.vimeo.com/video/72837125

Lightbox with SoundCloud

To display a SoundCloud player in the lightbox you will need the WordPress code url that you can
get by clicking the 'share' button under any song on soundcloud.com. The url will look similar to
this:

http://api.soundcloud.com/tracks/252562

Video
Video Shortcode

[video type="vimeo" url="ID" player_id="player1" width="" height="" style=""]
Note: you can add custom styles using the style attribute. All width and height attributes are entered
as pixel values i.e. 300px.
YouTube Video

To display a YouTube video simply paste the video ID for url.

Vimeo Video

To display a Vimeo video simply paste the video ID for url.

Slider
Constructed

[slider id="115" size="page­width" style="width:870px;height:400px;"]
Note: the slider takes 4 sizes: thumbnail, page-width, blog-width, full-width (content width). For
'full-width' ensure to set the width and height values in pixels that correspond to the actual image size
as shown in the example above.

Creating a Shortcode Slider

Step 1.

Go Sc.Slider > Add New

Step 2.

Add slides by uploading your images using the media uploader. Note that all uploaded images will
be associated with the slider.

Step 33

Click 'Publish'.

Step 4.

Get the id of the slider which appears in the address bar.

SoundCloud
Constructed

[soundcloud url="http://api.soundcloud.com/tracks/252562"
width=" 100%" height="166" /]
Note : To display the SoundCloud player you will need the WordPress code url that you can get by
clicking the 'share' button under any song on soundcloud.com. The url will look similar to this:

http://api.soundcloud.com/tracks/252562
Twitter Timeline Widget
Constructed

[twitter_timeline_widget username="YOUR USERNAME HERE"
widget_id="YOUR WIDGET ID HERE" theme="light"
link_color="#cccccc" chrome_nofooter="false"
chrome_noborders="false" chrome_noscrollbar="false"
chrome_transparent="false"
border_color="#cccccc" tweet_limit="3"
style="margin­bottom:30px;"]

Creating and Accessing the Twitter Timeline Widget Code

Step 1. Log into your account and click on 'Settings' from the menu as seen below.
Step 2. Click on 'Widget' in the menu on the left.
Step 3. Click on 'Create New' in the top left hand corner

Step 4. The widget configurator will now appear. Click on 'Create widget'

Step 5. Copy the Twitter Timeline Widget Code.

6. Launch the shortcode editor and click on Social Media > Twitter Timeline Widget. Paste the code
copied from Twitter where it says 'Twitter Widget Code'. Upon clicking outside the text area the
editor will update the 'username' and the 'twitter_id' automatically. Fill out the remaining
parameters and click 'Insert the shorcode'

Social Links
Constructed

[social_links
facebook="http://www.facebook.com/unlimitdesign"
twitter="http://twitter.com/udthemes"
dribbble="http://dribbble.com/udthemes"
style="margin:auto;"]
Note: you can add custom styles using the style attribute. The social links will appear in the order in
which you list them in the shortcode.
The theme offers the following social network:

1. Behance
2. Deviant Art
3. Dribbble
4. Facebook
5. Flickr
6. Forrst
7. Google+
8. LinkedIn
9. MySpace
10. Pinterest
11. RSS
12. Skype
13. SoundCloud
14. Spotify
15. Tumblr
16. Twitter
17. Vimeo
18. Vine
19. YouTube

You can easily add custom icons in the Foundry > CSS Editor. Below is a working example with a
custom class called 'myicon':

ul.socialSmall li a.myicon{
background­image:url(http://yourdomain.com/cartel/wordpress/wp­content/uploads/2013/09/myIcon.png)
;}
Having added the above you could call the custom icon as follows in the social shortcode:

[social_links myicon="http://www.facebook.com/unlimitdesign"]

Google Map
Constructed

[map id="map_canvas" lat="40.7142" long="74.0064" zoom="15" marker="custom" info_title="" info_content=""
width="100%" height="210px" style=""]
Note: you can add custom styles using the style attribute. The marker attribute takes 'default' or
'custom' . The custom Map Marker is uploaded in the Foundry Theme Options Panel under Shortcodes.
WP Gallery
Constructed

Order:

Specify the sort order used to display thumbnails. ASC or DESC. For example, to sort by ID, DESC:

[gallery order="DESC" orderby="ID"]
Columns:

Specify the number of columns. The gallery will include a break tag at the end of each row, and
calculate the column width as appropriate. The default value is 3. If columns is set to 0, no row
breaks will be included. For example, to display a 4 column gallery:

[gallery columns="4"]
ID:

Specify the post ID. The gallery will display images which are attached to that post. The default
behavior, if no ID is specified, is to display images attached to the current post. For example, to
display images attached to post 123:

[gallery id="123"]
Size:

Specify the image size to use for the thumbnail display. Valid values include "thumbnail",
"medium", "large", "full". We recommend using "full".

[gallery size="full"]
For more information about the WordPress native gallery please see:
http://codex.wordpress.org/Using_the_gallery_shortcode.
Fonts
40+ Google Fonts
Cartel WordPress comes with the following pre selected Google fonts:

● Abril Fatface
● Alfa Slab One
● Allerta Anton
● Armata Brawler
● Cabin Condensed
● Cantal
● Cantata One
● Coda
● Coda Caption
● Comfortaa
● Contrail One
● Coustard
● Days One
● Diplomata
● Enriqueta
● Francois One
● Glegoo
● Hammersmith One
● IM Fell French Canon SC
● Istok Web
● Lobster
● Mate SC
● Maven Pro
● Molengo
● Montserrat
● Noticia Text
● Oleo Script
● Open Sans
● Oswald
● Passion One
● Pontano Sans
● Prata
● PT Mono
● Questrial
● Quicksand
● Racing Sans One
● Source Sans Pro
● Telex
● Viga
Importing a Google Font
Go to Google Fonts (http://www.google.com/fonts/) and select the font that you want to you use.
Once the selected click 'Quick Use' and get the @import and paste it into the Foundry > CSS Editor
and then target the section you want to modify. Below is a working example that shows how to
import a font called 'Alegreya' and how to target section titles and h1-h6 tags:

@import url(http://fonts.googleapis.com/css?family=Alegreya+SC);
h1, h2, h3, h4, h5, h6{
font­family: 'Alegreya SC' !important;
}
#section­title h1, #section­title h2, #section­title h3, #section­title h4, #section­title h5, #section­title h6 {
font­family: 'Alegreya SC' !important;
}

Importing a Custom Font
Upload your @font-face folder with your custom font to your server. Thereafter import the font in
the Foundry > CSS Editor. Below is an example of how one would import a @font-face generated
font:

@import url(http://yourdomain.com/fontfolder/bebasneue.css);
h1, h2, h3, h4, h5, h6{
font­family: 'BebasNeueRegular' !important;
}
#section­title h1, #section­title h2, #section­title h3, #section­title h4, #section­title h5, #section­title h6 {
font­family: 'BebasNeueRegular' !important;
}
NOTE: Make sure to use the correct font name when using your font. If you are uncertain as to the
name of the font you have generated, open the @font-face style sheet and refer to the name. Below is
an example of the style sheet generated for the font Bebas Neue:
Foundry
The Foundry Theme Options Panel
The Foundry Panel gives you control over all key aspects of your theme. The Foundry Panel
consists of the following sections:

1. Welcome
○ Key information about the theme and system. This is where you can
upload a theme skin under ' The Foundry Box'.
2. General
○ General Settings
○ Contact Form (form messages)
○ Social Networks (set social networks in the footer)
○ Footer Content (copyright statement)
○ SEO (Google Analytics Tracking ID)
3. Logos
○ Logo uploader for header, rollover and favicon.
4. Colors
○ Global colors (global color settings for the theme i.e. background
color, title and text color, link color etc.)
○ Menu (color settings relating to the main navigation of the theme)
○ Forms (color settings all form elements i.e. contact form, comment
form, and search form)
○ Shortcodes (color settings for accordions, pricing tables, blockquotes,
image captions, charts, lightbox and video controls)
○ Full Width Slider (color settings for navigation, loaders and overlay
patterns)
○ Background Images (global background images for theme,
background opacity and overlay pattern)
5. Fonts
○ Content (font settings for all content)
○ Captions (font settings for full width slider and shortcode image
captions)
6. Sliders
○ Full Width Slider (all settings relating to the full width slider i.e. timer,
speed, animation etc.)
○ Flexslider (all settings relating to the flex slider i.e. timer, speed,
animation etc.)
7. Shortcodes
○ Google Map settings
8. CSS Editor
Credits
Preview Photos:
A special thanks to photographers Ethan Yang (http://www.ethanyangphotography.com/blog/),
art director H1 (http://h1.io/) and Christina Stoll (http://christinastoll.wordpress.com/) for granting
us permission to use their photos! Please note these photos are copyrighted by the respective
photographers and can therefore NOT be included in the download file. Stock photography used in
this theme is also NOT included in the download.

And to the team of Ethan Yang and H1:

● Karis Noh – Producer – Visit Website

● MK Chung – Visit Website
● Jina – Hair – Visit Website
● Human Potential – Wardrobe – Visit Website
● Temptation – Accessories – Visit Website
● Caterina Leaness – Model – Visit Website

Preview Videos from H1:

Videos:

● True Skin

Credits

● Written & Directed by: Stephan Zlotescu

● Director of Photography: H1
● Original Music: J-Punch
● Producer: Christopher Sewall
● Manager: Scott Glassgold / IAM Entertainment
● An N1ON Production
● N1ON.COM

Video 1: Rick Genest aka Rico the Zombie – Embrace Everything That Is Different

Credits:

● Production: Artists and Organisation / Camera and Editing: Jens Schwengel / Interview:
Jan Joswig / Special Effect Make-Up: Twilight Creations, Tamar Aviv, and Anke Schiffl /
 Photography: Nadine Elfenbein / Assistent Photography: Daniel Wilkniss / Modeling:
IZAIO Models / Styling: Linda Ehrl (Acne Jeans, Adidas by Jeremy Scott, Adidas Silver,
Awareness and Conciousness, Bless, Bjørg, Butterflysoulfire, JuliaandBen, Miranda
Keyes, Moga e Mago, Vibe Harsløf, Y-3) / Music: Walera Goodman
● Visit their website: http://www.theavantgardediaries.com/

Video 2: Twixl Chalk Movie

Credits:

● Soon

Video 3: Fashion Trends Milan | New York

Credits:

● Cameron Grayson

Graphics
Social Icons, logos, brand mockups, badges and insignias displayed in projects and in posts are
provided exclusively by Fresh Ideas - enjoythefresh.com

Please note these graphics are copyrighted by FreshIdeas and can therefore NOT be included in
the download file.

Third Party Scripts
Tyler Smith - Flex Slider Script - Visit Website

Janis Skarnelis - Fancybox - Visit Website

Coding Jack – Swipe Script - Visit Website

Desandro– Masonry - Visit Website

All other photos are either stock photography or graphics created by UDTHEMES.