Crescent Documentation

Overview

Thank you for choosing Crescent for your website project. I hope that you find it makes your project easy to realize so that you can focus more time on growing your business.

Below, please find all of the documentation to customize your theme that you have just purchased. I have seperated this document into categories for your ease of use. You can use the top navigation to jump to any desired area.

If you have any questions or comments regarding your theme, please feel free to contact support. Also, if you are happy with the theme, I would be grateful for your feedback with a Review on the MOJO website. Thanks so much!

Installation

To install the Crescent Theme you will need WordPress v3.5 or newer. Installing the theme can be done two ways. You can upload the theme ZIP file using the built in WordPress theme upload, or copy the files through an FTP client.

Using the WordPress Theme Upload Option

To upload via the WordPress Theme Uploader, you will need to use the crescent-theme.zip file. This file is located inside of the "Crescent - Theme and Documentation.zip" file. Note: Attempting to use the "Crescent - Theme and Documentation" zip file directly will result in a "Missing Style Sheet" error.

On some computers, particularly on Macs, when the crescent-theme.zip file is downloaded, it may automatically open. Just look for the folder titled "crescent-theme" and compress/archive/zip it back up.

Login to your WordPress admin.
Go to Appearance > Themes (in the left menu).
At the top of the page, click the Add New button.
At the top of the next page, click Upload Theme, then click Choose File button to select a file.
Select the zipped theme file, Crescent-theme.zip, and click Install Now
After installation you will receive a success message confirming your new install.
Click the link Activate.

Uploading by FTP

Login to your FTP server and navigate to your WordPress themes directory.
In many cases, this would be wp-content/themes.
Extract the files from the zipped theme.
Copy the folder Crescent to your themes directory.
After the files finish uploading, login to your WordPress admin.
Go to Appearance/Themes.
Click on the image for Crescent.
On the pop-up, click the Activate button.

Importing the Demo Content

To import the demo content, you will need to first install and activate the One Click Demo Import plugin. Follow the prompts at the top of your page to do so.

At the top of your page, click the Begin Installing Plugin link.
On the next page, click the Install link.
On the next page, click the Return to Required Plugins Installer link.
On the next page, click the Activate link.
On the next page, click the Return to the Dashboard link.
Next, go to Appearance / Import Demo Data.
On the next page, click the Import Demo Data button.
The importer will take several minutes to complete, just let it run.
When the importer has finished, you will receive a message that it is done.

Finished with Installation & Importing?

Once the theme is installed you can configure it for your content. See the sections below on configuring the theme to start adding your content.

Customize

Please Note: Earlier versions of Crescent used Theme Options for making changes to your theme. In order to stay up to date with WordPress, Crescent now utilizes the Customizer instead. Any previous Theme Options settings are automatically imported into the Customizer. Additionally, if you would prefer to continue using Theme Options instead of the Customizer, it is still available by going to Appearance / Theme Options.

The Customizer allows you to see what a change to your website will look like before committing to the change. You can preview your changes, adjusting as necessary, and then only publish the changes when you are ready.

To access the Customizer, go to Appearance / Customize in the left menu.

This will bring up the Customizer. In the Customizer, you can make changes to your layout using the options in the left-hand column. Your changes will then be previewed in the right-hand column. As you continue to make changes, the preview side will continue to automatically refresh it's layout based on the changes you make. When you are satisfied with the look, you can press the Save & Publish button to publish your changes to your website.

Customize - General

Logo Upload

By default, Crescent will display your website name at the top of your site. If you wish to use a logo image instead, go to General / Logo and click the Select Image button.
When the image uploader pops up, you will be given two options (Upload Files or Media Library). Choose the method you wish to add your logo, choose the image, and click the Select button.
If you wish to have a retina optimized logo, you will need to have a version of the logo with the same file name plus the addition of "@2x" to the end. For example, logo.png and logo@2x.png. The @2x version should be a size that is twice the dimensions of the regular version. For example, if the regular logo is 230px x 60px then the @2x version should be 460px x 120px. Both files should be located in the same directory of the Media Library.

Eliminate White Space Above Logo

If you wish for your logo to sit directly beneath the navigation bar, then check this box. This will push your logo directly underneath the navigation bar, eliminating the white space between them. This is ideal to turn on if you are using a wide, banner-style image as your logo.

Favicon Upload

A favicon is the small icon seen in the url or tab bar of most browsers. It's also referred to as a bookmark icon. Favicons should be either 16px (square) or 32px (square) and should be either a .png file or an .ico file. To add a favicon, use the Upload button.
When the image uploader pops up, you will be given two options (Upload Files or Media Library). Choose the method you wish to add your favicon, choose the image, and click the Select button.

The Menu Bar Icon section is an optional setting to display an image to the left of your menu bar. Upload a small image--the recommended size is 24px x 24px or 48px x 48px for retina displays.
When the image uploader pops up, you will be given two options (Upload Files or Media Library). Choose the method you wish to add your favicon, choose the image, and click the Select button.

Enable Retina Image Script

The Retina Image Script is an optional setting to display retina versions of your images, if they are available. To use, you will need to have a version of your images with the same file name plus the addition of @2x to the end of the file name. For example, image.jpg and image@2x.jpg. Additionally, the @2x version should be twice the size (dimensions) of the original version.

Custom CSS

Crescent comes with the option to add custom CSS as needed to completely stylize every aspect of the site. To add new CSS rules, paste them into the textarea provided. Valid CSS standards should be followed when adding additional CSS.

Customize - Colors

Changing colors

To change the colors used throughout the site, select the option that you wish to change (Call to Action, Font, Menu Bar, etc). Click the Select Color button. A pop-up will appear, providing several options for selecting a new color. You can enter 6 digit hexadecimal codes in the top field, or you can use the color selector tools to view additional colors. If needed, the Default button for that color can be clicked to revert back to the default color for that option.

Customize - Fonts

Changing the body font

Any Google Font can be used as the body font for the site. To use a Google Font, select a font from their site, and enter the font name into the Font for body text field. Names with spaces should be entered with the space included. For example, if you wanted to use the font Titillium Web, it should be entered as Titillium Web. If the body font field is left blank, then the default font will be used.

Changing the heading font

Any Google Font can be used as the heading font for the site. To use a Google Font, select a font from their site, and enter the font name into the Font for heading text field. Names with spaces should be entered with the space included. For example, if you wanted to use the font Titillium Web, it should be entered as "Titillium Web" (without the quotes). If the heading font field is left blank, then the body font value will be used.

Customize - Header

If you wish for your navigation bar to not always be present (sticky) at the top of your website, then check this box. This box is ideal to check if you are looking to use some sort of 'top bar' type plugin/functionality.

Call to Action

Crescent has an optional Call to Action bar that can be displayed in the header on all pages/posts.

To display the Call to Action bar, check the box for Display Header Call to Action.

Enter your message into the Call to Action Text field.

To change what the button says, enter your button text into the Call to Action Button Text field. If you wish to simply display a message and no button, then leave the Call to Action Text field blank.

Enter your URL into the Call to Action Button Link field. If you wish to simply display a message and no button, then leave the Call to Action Button Link field blank.

When entering your URL into the Call to Action Button Link field, be sure to enter a full URL, including http:// or https:// such as http://www.your-website.com/your-link.

If you wish for your Call to Action link to open in a new window/tab, then check the box for Open the Call to Action in a New Window.

Display Tagline

Select whether you would like to display the tagline below the logo.
Enter your tagline into the tagline field. Note: The tagline can also be changed on the Settings/General page.

Customize - Homepage

Please refer to the Homepage section.

Customize - Pages

Please refer to the Pages section.

Customize - Posts

Please refer to the Posts section.

Customize - Portfolio

Please refer to the Portfolio section.

Crescent has 2 areas to display social icons: the header & the footer.
To display the social icons in the header, check the box next to Display Header Social Icons.
To display the social icons in the footer, check the box next to Display Footer Social Icons.
If you wish to display the Footer Social Icon Text, check the box next to Display Footer Social Icon Text and then enter the desired text into the Social Icon Text field.
Choose which Social Icons are displayed by checking the appropriate boxes. Be sure to check the appropriate box for header or footer (or both) for each icon. Enter the URL for the appropriate page for any icons that are used. For example, if you wish to use the Facebook icon, make sure that the checkbox is selected, then enter the URL for your Facebook page you wish to promote: https://www.facebook.com/bottomlessdesign.
If you wish to use the Email icon, enter an email address in place of a URL: name@email.com
If you wish to use a link that doesn't have an icon represented, you can use the Custom Link option and enter the desired URL.

Customize - Menus

Please refer to the Menus section.

Footer Text

Enter desired text to the Left Footer Text field to change the text that appears on the left side of the footer. Leave blank to display the default text.
Enter desired text to the Right Footer Text field to change the text that appears on the right side of the footer. Leave blank to display the default text.

Customize - Widgets

Please refer to the Widgets section.

Customize - Settings

Site Title

Enter the desired text for the website title in the Site Title field. This is used both for the website title when a logo isn't used, and also for SEO purposes.

Background Image

By default, Crescent will display a white background. If you wish to use a background image instead, go to Appearance / Customize / Settings / Background Image and click the Select Image button.

When the image uploader pops up, you will be given two options (Upload Files or Media Library). Choose the method you wish to add your background image, choose the image, and click the Select button.

You will have options to style the appearance of your background image. You can select from Background Repeat (No Repeat, Tile, Tile Horizontally, and Tile Vertically), Background Position (Left, Center, and Right), and Background Attachment (Scroll and Fixed).

Site Icon

This feature is only available from WordPress v4.3+. If you are on an older version of WordPress, it's recommended to update as your site will be more secure. Prior to any update, it's always highly recommended to back up your site first.

A Site Icon is the small icon seen in the url or tab bar of most browsers. It's also referred to as a bookmark icon or favicon. Site Icons should be square and at least 512px wide and tall.

To add a Site Icon, use the Select File button.

When the image uploader pops up, you will be given two options (Upload Files or Media Library). Choose the method you wish to add your Site Icon, choose the image, and click the Select button.

On the next screen, you will be given an option to crop your image. Make your selection and click the Crop Image button.

Homepage

Setting up the homepage

By default, Crescent will display your latest posts on the homepage. To use the homepage as seen in the demo, click the Add New button to create a new page. Name it either Homepage or Home. Then look in the far right column for the Page Attributes section and select Homepage from the Template drop-down menu.

After creating the new Home page with the Homepage template, go to Settings/Reading (in the left navigation bar). For Front page displays, choose A static page, and for Front page select the newly created Home page from the drop-down menu. Then click Save Changes.

Homepage Slider

Note: In order to set up the homepage slider as seen in the demo, you will need to set up the homepage as described above in the Setting up the homepage section.

You can add and manage slides for the homepage slider by clicking the Slides link in the left menu. To add a new Slide, click Add New. Images for the slides should be entered as a Featured Image, in the bottom-right corner of the screen. The optimum width of the slider image is 1072px wide, and you can use any height. To enter a Featured Image, click the Set Featured Image link. You can drag and drop your image to the pop-up media uploader or click the Media Library link if you've already added the image to your Media Library. Once your image is selected, click the Set Featured Image button.
Slides have an optional feature to display text. If you choose to display text with your slide, enter your text into the Title (at the top of the page) and/or the Description fields and check the box for Show Text. When displaying text, the title of the slide will be displayed above the description.
Slides have an optional feature to include a link. If you choose to include a link with your slide, enter your URL into the Slide Link field. When entering a URL, be sure to use the full URL by including http:// before the domain name, ie: http://www.your-domain.com.
You can add as many slides as you wish to the slider, although a good number is 1-4. It's not recommended to go over 6 slides. If you only choose a single slide, a static image will be shown in place of the slider. Slides will be displayed in the order they are posted (most recent first). If you need to adjust the order of the slides, edit the publish date/time accordingly.

To display the slider on the homepage, go to Appearance / Customize / Homepage and check the box for Display Homepage Slider.
To change the speed of the slider, enter a number (in seconds) in the field labeled Slideshow Delay. (Note: This will also change the speed used for the slideshow shortcode).

Homepage Message - Customize / Homepage

To display the homepage message, go to Appearance / Customize / Homepage and check the box for Display Homepage Message.
To change the text for the message, enter the text in the field labeled Homepage Message Text.
Additional, optional text can be entered in the field labeled Homepage 2nd Message Text.

Featured Pages - Customize / Homepage

To display the Featured Pages section on the homepage, check the box next to Display Homepage Featured Page Section, or uncheck it to hide it.
For each of the three Featured Pages, select from the drop-down menus any published pages to be displayed for that section. If the selected featured page has been given a Featured Image, the Featured Image will display on the homepage. If the selected featured page has been given a Featured Video, the Featured Video will display on the homepage.
To display the text excerpt below the Featured Image, check the box for Display Homepage Featured Page Excerpts. If you wish to control the text that is displayed for the Featured Page on the homepage, please refer to the Pages/Page Excerpt section.
To change the Featured Page Button text, enter your text in the Featured Page Button Text field.

Homepage Testimonials - Customize / Homepage

To display the Homepage Testimonials section on the homepage, check the box next to Display Testimonials Section, or uncheck it to hide it.
Enter the Testimonials Title text that will appear above the testimonials section on the home page.
Enter the Number of Testimonials to Show on the home page.
Enter the Testimonial Delay in seconds between testimonials.
For information on the Testimonials Page Template, see the Page Templates section.

Additional Homepage Content - Customize / Homepage

To display the Additional Homepage Content section, check the box next to Display Additional Homepage Content Section, or uncheck it to hide it.
Enter a title to be displayed with this section in the Additional Homepage Content Title field.

Content for the Additional Homepage Content section is entered on the page that was created with the Homepage Page Template (typically called Home or Homepage). Go to Pages (in the left navigation menu) and select the Home page. Images and content entered on the edit screen will appear in the Additional Homepage Content Section. You can use images, text, HTML, or shortcode here as you would on any other page.

Pages

Page Templates

Crescent comes with the following Page Template types: Default, Blog, Full Width, Homepage, Portfolio & Testimonial.
The Default template is the main template seen throughout the demo for any page that has a sidebar. When adding a new page, this will always be used unless another template is selected.
The Blog template is used for displaying the blog page when the homepage is set to the Homepage template. To use the Blog template, select it from the Page Template section in the far right column when adding a page. For more info on setting up the Blog page when using the Homepage template, please refer to the Posts section.
The Full Width template does not display a sidebar, otherwise, it's the same as the Default template. To use the Full Width template, select it from the Page Template section in the far right column when adding or editing a page.
The Homepage template is used for displaying the homepage as seen in the demo. To use the Homepage template, select it from the Page Template section in the far right column when adding a page. For more info on setting up the Homepage, please refer to the Homepage section.
The Portfolio template is used for displaying the portfolio page. To use the Portfolio template, select it from the Page Template section in the far right column when adding a page. For more info on setting up the Portfolio page, please refer to the Portfolio section.
The Testimonial template is used for displaying the testimonial page. To use the Testimonial template, select it from the Page Template section in the far right column when adding a page. For more info on setting up the Testimonial page, please refer to the Testimonials section.

Page Featured Image - Customize / Pages

To display the Featured Image on individual Pages, check the box next to Display Featured Image on Pages, or uncheck it to hide it. The optimum width for a Page Featured Image is 1072px, with any size height. Whether you choose to display the Feature Image or not, you can still use the Add Media button to add an image anywhere within your page.

Page Featured Video

A Featured Video can be displayed on pages in place of a featured image. To display a featured video, paste a YouTube or Vimeo embed code in the Featured Video Embed Code field. For example: <iframe width="560" height="315" src="//www.youtube.com/embed/mcixldqDIEQ?rel=0" frameborder="0" allowfullscreen></iframe>
The Featured Video will be displayed at the top of the page. If the page is selected as a Featured Page on the homepage, then the Featured Video will be displayed on the homepage as well.
If both a Featured Video and a Featured Image are selected for a particular page, Crescent will only display the Featured Video for that page.

Page Excerpt

The Excerpt feature will give you control over what is displayed for a Featured Page that is displayed on the Homepage.
To use the Excerpt feature on a Page, go to the edit screen for the desired page.
You may need to make the option visible. If this is the case, go to the very top of the edit screen and click the Screen Options button on the right. A drop-down menu will appear with display options. Check the box next to Excerpt to make it visible.
With the Excerpt section visible, enter your text into the Excerpt field. It is possible to use HTML and links here.

Posts

Setup the Blog page

By default, Crescent will display your latest posts on the homepage. If you are using the homepage as seen in the demo, you will also need to create a page to display the blog.
First, go to Pages and click Add New. Name it something like Blog or News. Then look in the far right column for the Page Attributes section and select Blog from the Template drop-down menu.

After creating the new Blog page with the Blog template, go to Settings/Reading (in the left navigation menu). For Front page displays, choose A static page, and for Posts page select the newly created Blog page from the drop-down menu. Then click Save Changes.

Post Meta Data - Customize / Posts

Go to Appearance / Customize / Posts and you can choose to display or hide the following meta data from each post: Author, Date, Category, Tags, & Comment Count.
For each feature, check the box to display it, or uncheck the box to hide it.
You can also choose to display or hide the Author Bio which is located at the bottom of each post. Click here for more info on how to manage your Author Bio.

Post Featured Image - Customize / Posts

It is recommended to use a Featured Image when creating a new post. The Featured Image will display a thumbnail alongside the post on the main blog page and any blog archive pages. The optimum width for a Post Featured Image is 1072px, with any size height.
By default, the Featured Image will also be displayed at the top of the individual post as well. If you choose to turn off this second feature, you can uncheck the box for Display Featured Image on posts.
Whether you choose to display the Feature Image or not, you can still use the Add Media button to add an image anywhere within the body of your post.

Post Featured Video

A Featured Video can be displayed on posts in place of a featured image. To display a featured video, paste a YouTube or Vimeo embed code in the Featured Video Embed Code field. For example: <iframe width="560" height="315" src="//www.youtube.com/embed/mcixldqDIEQ?rel=0" frameborder="0" allowfullscreen></iframe>
The Featured Video will be displayed at the top of the post. If the post is selected as a Featured Post on the homepage, then the Featured Video will be displayed on the homepage as well.
If both a Featured Video and a Featured Image are selected for a particular post, Crescent will only display the Featured Video for that post.

Show Full Posts - Customize / Posts

If you wish to show the full post on the blog and blog archive pages, check the box next to Show Full Posts.

Author Bio

To edit the Author Bio found at the bottom of every post and also on the sidebar of the author archive page, go to Users/Your Profile (in the left navigation menu). Scroll down to Biographical Info and enter your bio here. Click Update Profile.
A Gravatar account will be needed for your User profile image. If you already have a Gravatar account, whatever image you've uploaded to your Gravatar account will be displayed on the front-end of your site. If you do not yet have a Gravatar account, you will need to create a free account and use it to add an image to your email address. Please note: changes to your Gravatar (such as uploading an image) typically take several minutes before you will see them live on your site.

Portfolio

Setup the Portfolio page

To display the Portfolio Page, first, go to Pages and click Add New. Name it something like Portfolio. Then look in the far right column for the Page Attributes section and select Portfolio from the Template drop-down menu.

Images and text added to the Portfolio Template page will not be displayed on the Portfolio page, only the archive of Portfolio projects. If you wish to use the Portfolio page as one of the Featured Pages on the homepage, text should be entered into the Portfolio page Excerpt section. For more info on using the Excerpt, see the Page Excerpt section.
A Featured Image can be given to the Portfolio page which will be displayed at the top of the page.

Adding Projects

New portfolio items are added as Projects. Projects are added/edited in much the same way that Posts are added/edited. Images and text can be added as needed to the individual Portfolio post the same as any other post. Shortcodes can be used with any Portfolio Project.
Skills are used to order the projects (such as Photography, Graphic Design, Illustration). Skills are essentially Categories for Projects.

Portfolio Customize Options - Customize / Portfolio

Portfolio Home URL

After setting up your Portfolio page, copy the URL of that page and paste it into Appearance / Customize / Portfolio / Portfolio Home URL.

Portfolio Featured Image

It is recommended to use a Featured Image when creating a new portfolio project. The Featured Image will display a thumbnail along with the portfolio title on the main Portfolio page. The optimum width for a Portfolio Featured Image is 1072px, with any size height.
By default, the Featured Image will also be displayed at the top of the individual portfolio project as well. If you choose to turn off this second feature, you can go to Appearance / Customize / Portfolio and uncheck the box for Display Featured Image on projects.
Whether you choose to display the Feature Image or not, you can still use the Add Media button to add an image anywhere within the body of your post.

Testimonials

Page Templates

To display the Testimonials Page, first, go to Pages and click Add New. Name it something like Testimonials. Then look in the far right column for the Page Attributes section and select Testimonial from the Template drop-down menu.

Images and text added to the Testimonials Template page will not be displayed on the Testimonials page, only the archive of Testimonials. Testimonials can be displayed on their own section of the homepage, but if you wish to use the Testimonials page as one of the Featured Pages on the homepage, text should be entered into the Testimonials page Excerpt section. For more info on using the Excerpt, see the Page Excerpt section.
A Featured Image can be given to the Testimonials page which will be displayed at the top of the page.

Adding Testimonials

To add a new testimonial, go to Testimonials in the left menu and click the Add New link. Give the testimonial a Title, typically the name of the person providing the quote. Add the testimonial quote to the main body field.
It's recommended to give the testimonial a Featured Image of the person providing the quote.
There is also an optional field for a Testimonial URL that will be displayed on the main Testimonial page.

Menus

By default, any new page created will be adding to the navigational menu in the order created. If you wish to have greater control over your menu, go to Appearance / Menus

In the right-hand column, add a Menu Name and click Save
The left-hand column gives you options for adding pages to your menu. In the Pages section, click the View All link. Here, check the pages that you wish to add, then click Add to Menu.
The selected pages will all be added to the bottom of the right-hand column. Drag and drop them into the desired display order. It is possible to inset a page underneath and to the right of another page. Doing so will create a drop-down option.
When all of the pages are in the desired order, click Save Menu.

Click Manage Locations to assign your menu to the theme.
On the next screen, select your newly created menu from the Assigned Menu drop-down and click Save Changes.

Widgets

Content for your Sidebars and Footers are handled through Widgets. To access Widgets, go to Appearance / Widgets (in the left navigation menu).

There are three Sidebars: Main Sidebar, Page Sidebar, and Post Sidebar.
Main Sidebar is the default Sidebar. If you are planning on displaying the same content on both Pages and Posts, Main Sidebar should be used.
If Page Sidebar or Post Sidebar are left blank, they will default to displaying whatever is in Main Sidebar.
If you wish to display different content on either Pages or Posts, you can add different widgets to either. the Page Sidebar will display on any pages created with the Default and Testimonial page templates. The Post Sidebar will display on any individual post, the main blog page, and any post archive pages.
The Footer Widgets section will display widgets in the footer of your site for every page/post other than the homepage.
The Homepage Featured Widgets section will display widgets to the right of the homepage slider.
The Homepage Footer Widgets section will only display widgets in the footer of the homepage.
Widgets from the Available Widgets column can be dragged into any of the Sidebar/Widget sections. It is possible to reuse a Widget in multiple locations.

The Text Widget is a powerful option. You can enter a text message to display in one of the sections. You can enter HTML into the Text Widget. You can also add an image to a Text Widget. To add an image to a Text Widget, first add it to the Media Library. Then, enter the URL path to the image into the Text Widget in HTML. For example:
<img src="http://yourdomain.com/wp-content/uploads/2013/06/yourimage.png">

Crescent comes with a custom About Widget. It can be added to any widget section. A Gravatar account will be needed in order to use the About Widget. If you already have a Gravatar account, simply enter your email address into the Gravatar Email Address field. If you do not yet have a Gravatar account, you will need to create a free account and use it to add an image to your email address. Please note: changes to your Gravatar (such as uploading an image) typically take several minutes before you will see them live on your site.

Shortcodes

Crescent comes with simple to use shortcodes built right in, such as buttons and columns. Shortcodes can be added to any Page, Post, or Text Widget. To use the shortcodes, follow the instructions below.

Buttons

Button shortcodes can be added to any page, post, or widget. To add, use the following:

[button url="http://crescent.bottomlessthemes.com/" label="Example Button" size="medium" color="#2a9a75" target="_blank"]

EXAMPLE BUTTON

The button shortcode supports 5 attributes: url, label, size (optional), color (optional), and target (optional).

If the size attribute is left unused, it will default to the medium size. It also supports small and large.

Target can be set to _blank to open in a new tab/window.

Columns

Columns shortcodes can be added to any page, post, or widget. Columns can be created as one half, one third, two thirds, or one fourth of the content area's width. To add, use the following:

[one_third]
					Example content 1 here. Lorem ipsum dolor sit amet, qui ex civibus qualisque adversarium, ad sea iusto scripta adipiscing.
					[/one_third]

					[one_third]
					Example content 2 here. Lorem ipsum dolor sit amet, qui ex civibus qualisque adversarium, ad sea iusto scripta adipiscing.
					[/one_third]

					[one_third_last]
					Example content 3 here. Lorem ipsum dolor sit amet, qui ex civibus qualisque adversarium, ad sea iusto scripta adipiscing.
					[/one_third_last]

Example content 1 here. Lorem ipsum dolor sit amet, qui ex civibus qualisque adversarium, ad sea iusto scripta adipiscing.Example content 2 here. Lorem ipsum dolor sit amet, qui ex civibus qualisque adversarium, ad sea iusto scripta adipiscing.Example content 3 here. Lorem ipsum dolor sit amet, qui ex civibus qualisque adversarium, ad sea iusto scripta adipiscing.

Notice the addition of "_last" to the last column's shorcode. This is necessary for the columns to display properly.

Use the following shortcode to display various column widths:
[one_fourth]...content goes here...[/one_fourth]
[one_half]...content goes here...[/one_half]
[three_fourth]...content goes here...[/three_fourth]
[one_third]...content goes here...[/one_third]
[two_third]...content goes here...[/two_third]

Any combination of values can be used as long as they add up to 1. For example:
[two_third]...content goes here...[/two_third]
[one_third_last]...content goes here...[/one_third_last]

Images can be inserted into the column shortcode and HTML can also be used (such as links or bold/italic text).

Slideshow

Slideshow shortcode can be added to any page, post, or widget. Images can be any size, although it is recommended that they are all the same size. You can add as many images as you like to a slideshow--just place each image on a new line. The slideshow can also be wrapped inside of a column shortcode for further customization. To add, use the following:


					[slideshow]
					<img src="http://yourdomain.com/imageurl-1.jpg" />
					<img src="http://yourdomain.com/imageurl-2.jpg" />
					<img src="http://yourdomain.com/imageurl-3.jpg" />
					<img src="http://yourdomain.com/imageurl-4.jpg" />
					[/slideshow]

An example of the slideshow shortcode in action can be seen here at the bottom of the page.

CSS

The main CSS file is the style.css file bundled with the theme. It is not recommended to change this file as any modifications will be lost if the theme is updated. Instead, please put new CSS rules in the Customize / General / Custom CSS field. It is possible to write new CSS rules there that will override any other CSS rules on the site. Data input there will be retained if the theme is updated to a later version.

If you wish to do further customization to the theme, such as editing theme files, it is strongly recommended to first set up a Child Theme.

Notes

SEO Titles

If you opt to import the demo data, this will also include the demo site's SEO. To change it, you can install the Yoast SEO plugin. Once installed and activated, you can go to the edit screen for the page you wish to update (most likely your Home page). Scroll down to the Yoast SEO section. Click the Edit Snippet button. From there, you can update the SEO Title and Meta Description sections. When finished, click the Update button. Repeat for as many pages as needed, but most likely, you will want to do so for both your Home page and your Blog page.

Jetpack Mobile

If you opt to activate Jetpack, it's possible that its Mobile feature will be activated automatically. As Crescent is mobile responsive by default, it's not necessary to use Jetpack Mobile. You can simply go to Jetpack / Settings and deactivate Mobile, or, if you're not using the other Jetpack features, you can go to Plugins and deactivate Jetpack altogether.

Credits

I've used the following images, icons, scripts or other files as listed. Big thanks to all of the countless hours of design, development, and testing that these fine individuals have contributed!

Mr Meta Box by mrfoto
FlexSlider 2 by WooThemes
Font Awesome by Dave Gandy
FitVids.js by Chris Coyier and Dave Rupert
Isotope by Metafizzy
Options Framework by Devin Price
Underscores by Automattic
Retina.js by imulus
Respond by Scott Jehl
Lato Font family by Łukasz Dziedzic
Images for the demo site by Addie Roberge Photography

Thank you again for purchasing Crescent! I hope you enjoy using it as much as I enjoyed making it! Feel free to contact support with any questions or comments you may have.

-Adam

Crescent Documentation

Overview

Installation

Using the WordPress Theme Upload Option

Uploading by FTP

Importing the Demo Content

Finished with Installation & Importing?

Customize

Customize - General

Logo Upload

Eliminate White Space Above Logo

Favicon Upload

Menu Bar Icon

Enable Retina Image Script

Custom CSS

Customize - Colors

Changing colors

Customize - Fonts

Changing the body font

Changing the heading font

Customize - Header

Disable the Sticky Menu Bar Effect

Call to Action

Display Tagline

Customize - Homepage

Customize - Pages

Customize - Posts

Customize - Portfolio

Customize - Social

Customize - Menus

Customize - Footer

Footer Text

Customize - Widgets

Customize - Settings

Site Title

Background Image

Site Icon

Homepage

Setting up the homepage

Homepage Slider

Homepage Message - Customize / Homepage

Featured Pages - Customize / Homepage

Featured Posts - Customize / Homepage

Homepage Testimonials - Customize / Homepage

Additional Homepage Content - Customize / Homepage

Pages

Page Templates

Page Featured Image - Customize / Pages

Page Featured Video

Page Excerpt

Leave a Reply - Page Comments

Posts

Setup the Blog page

Post Meta Data - Customize / Posts

Post Featured Image - Customize / Posts

Post Featured Video

Show Full Posts - Customize / Posts

Author Bio

Portfolio

Setup the Portfolio page

Adding Projects

Portfolio Customize Options - Customize / Portfolio

Portfolio Home URL

Portfolio Featured Image

Testimonials

Page Templates

Adding Testimonials

Menus

Widgets

About Widget

Shortcodes

Buttons

Columns

Slideshow

CSS

Notes

SEO Titles

Jetpack Mobile

Credits