Equestrian WordPress Theme

Frequently Asked Questions

Step 1: Go to Appearance > Menus.

Step 2: Click on the Links section from the left vertical menu.

Step 3: Type # in the URL box and the button’s name in the Link Text box and click Add to Menu.

Step 4: The new menu item will appear now in the Menu Structure section. Drag other items to create sub-menu buttons.

Go to Release Notes, the last section of the Equestrian documentation. You will find the date and release notes for every major Equestrian WP Theme version.

To add an Icon as a menu item:

Step 1: Go to Appearance > Menus.

Step 2: Click on the Links section from the left vertical menu.

Step 3: In the Link Text box, type the menu element’s name after or followed by <i class=”fa fa-credit-card”></i> to add an icon before or after the text. (Where fa-credit-card is the item code).

 

For the complete list of icon codes go to http://fontawesome.io/icons/

No. Theme settings and content are not lost during the update process. You will lose changes to the theme files if you changed any files. In order to prevent losing the file changes we strongly recommend that you use child themes. Also we recommend that you look in the release notes before updating.

Go to Child Themes to learn more about child themes.

The documentation is included in the download package. Unzip the pack.zip file, open the folder documentation and then Equestrian WordPress Theme Documentation pdf file.

or just follow this link: http://docs.curlythemes.com/equestrian/

After you create the sidebar at Appearance > Sidebars activate it by:

Step 1: Go to Appearance > Widgets and populate your sidebar with widgets.

Step 2: When editing a page go to the Page Attributes menu on the right and choose a template with sidebar from the Template select box (Page with Left Sidebar or Page with Right Sidebar).

Step 3: Go to the Sidebar box and select the sidebar you want to display for this page.

From your Dashboard, head over to Appearance > Customize and you can start customizing the theme. Our smart options sidebar, on the left, lets you change anything and see the effects in action right away.

The panel elements with a right pointing arrow have their own sub-panel. The elements with a downward arrow open their options in the same panel.

You can insert a nice Font Awesome vector, crystal sharp icon through shortcodes:

icon – All FontAwesome icon names. You can find the complete icon list available here: http://fortawesome.github.io/Font-Awesome/icons/

size – Choose the size of your icon. Available values are: 2x, 3x, 4x, 5x. Default: none

boxed – Choose if you want your icon to be boxed. Available values are: yes / no. Default: none

color – Enter the color name or color hex code for the icon color. Default: text color

background – Enter the color name or color hex code for the icon background color. Default: none

In the current Equestrian version, we consider Curly Themes Extension shortcodes deprecated. You can still use them, but we no longer support them. We recommend using Visual Composer, for an easier process with better results.

If you wish to use the old shortcodes, you can find a complete list along with instructions in the Equestrian documentation for the old version, prior to Equestrian 4.0 version. The documentation version 2.5 is available here: Equestrian 2.5

Theme Install & Update

Before installing this theme you need to have a WordPress platform already installed on your server. You can download it from WordPress.org if you don’t have it already.

If you do not know how or you have problems with the installation, you can access helpful information at:

Once you have a working WordPress on your server, you have two available ways to install this theme: FTP Upload or WordPress Upload.

You have two available ways to install this theme: FTP Upload or WordPress Upload.

FTP Upload

The .zip file you downloaded from Theme Forest contains a folder named equestrian.

Upload this folder on your server in your WordPress directory to /wp-content/themes/

WordPress Upload

The second way to install the theme is by logging in from your website /wp-admin to the WordPress Dashboard. From there, you should go to Appearance > Themes > Install Themes > Upload and select the file equestrian.zip from your computer. After clicking the Install Now button, the installation process is finished.

FTP Upload

The .zip file you downloaded from Theme Forest contains a folder named equestrian.

Upload this folder on your server in your WordPress directory to /wp-content/themes/

WordPress Upload

Log in from your website /wp-admin to the WordPress Dashboard. From there, you should go to Appearance > Themes > Install Themes > Upload and select the file equestrian.zip from your computer. After clicking the Install Now button, the installation process is finished.

After you have completed the install process, in either of the two ways, you need to activate it.

Log in to the WordPress Dashboard, go to Appearance > Themes and select Equestrian. Click the Activate button and you can start using the theme.

In the Equestrian download package you can find the Demo-Data XML file (located in the demo content folder) that you can use for a quick theme setup. Images, videos and sliders are not included in the XML file. You can also import the Demo-Widgets WIE file, that contains our demo widgets.

To import the demo XML file, in the WordPress dashboard go to Tools > Import and select to install from the list WordPress Importer. After the installation is complete, select and upload the XML file. You can find the demo XML file, in the demo content folder, at root level, in the Equestrian download package. The process can take up to a few minutes.

To import the demo WIE file, go to Tools > Widget Importer & Exporter and select and upload our WIE file. You can find in the demo content folder, with the name demo-widgets.wie.

You can auto-update directly from the Themes panel in your WordPress Dashboard. To enable the auto-update:

Step 1: Login to your Theme Forest account and go to Settings > API Keys

Step 2: Enter a label name (ex: theme update) and click on the Generate API Key button.

Step 3: Go to Appearance > Customize > General > Automatic Theme Update

Step 4: Type your username and key in the Theme Forest Username and Theme Forest API Key fields.

 

IMPORTANT

Before updating is important to know that theme settings and content are not lost during the update process. You will lose changes to the theme files if you changed any files. In order to prevent losing the file changes we strongly recommend that you use child themes. Also we recommend that you look in the release notes before updating.

Go to Child Theme to learn more about child themes.

Theme Customization

Step 1: Go to Appearance > Customize > Header > Site Logo > Logo

Step 2: Use the Logo field to upload an image from your computer as website logo.

Step 1: Go to Appearance > Customize > Header > Site Title & Taglines.

Step 2: Use the Site Title field to type in your website title. If you do not upload a logo, this title will replace it.

Step 1: Go to Appearance > Customize > Header > Site Title & Taglines > Site Icon.

Step 2: Use the Select Image button to upload an image from your computer to be used as a favicon.

The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.

Step 1: Go to Appearance > Customize > Layout > Website Layout Size.

Step 2: Use the select box to choose the layout of your website. You have two available options: Wide and Boxed.

The responsive layout option is enabled by default. It is not recommended to change it to not responsive.

If you still want to change it, go to Appearance > Customize > Layout > Responsive Layout and uncheck the box.

Step 1: Go to Appearance > Customize > Layout > Disable CSS3 Animations.

Step 2: Check the Disable CSS3 Animations box to switch to a non animated layout.

Step 1: Go to Appearance > Customize > General > 404 Page > 404 Page Content.

Step 2: Use the 404 Page Content area to type in a custom content for the 404 Error Page. The text can include Shortcodes.

Step 1: Go to Appearance > Customize > Header > Header Layout > Header Style.

Step 2: Use the select box to choose the style of your header. There are three available styles: Default, Compact and Boxed.

Step 1: Go to Appearance > Customize > Header > Header Layout > Header Top / Bottom Margin.

Step 2: Drag the bar to the desired value for the top / bottom margin of the header. Default is 55px for top and 75px for bottom.

Step 1: Go to Appearance > Customize > Header > Site Title & Taglines.

Step 2: Use the Tagline field to type in the text on the left side of the header bar. Use the Right Tagline field to type in the text for the right side of the header bar.

Step 1: Go to Appearance > Customize > Menus > Menu Settings > Disable Sticky Menu.

Step 2: If you leave this box unchecked, a menu will remain sticky at the top of the page.

Step 1: Go to Appearance > Customize > Footer > Top / Bottom Margin.

Step 2: Enter the value for the top / bottom margin of the footer. Default is 40px for the top and 60px for the bottom.

Step 1: Go to Appearance > Customize > Footer > Logo.

Step 2: Use the Logo field to upload an image from your computer as footer logo.

Step 1: Go to Appearance > Customize > Colors > General > Background Color.

Step 2: Choose your background color. Default is #faf6f0.

Step 1: Go to Appearance > Customize > Background Image > Background Pattern.

Step 2: If you do not want to use a color for the website background, you can choose here a pattern, from the several models available.

Step 1: Go to Appearance > Customize > Background Image

Step 2: Press the Select image button to upload a background image for the website from your computer.

Step 1: Go to Appearance > Customize > Typography > General Text > Font Subset.

Step 2: If you wish to use a subset for special characters, you can select one here. Make sure the fonts you use on the website support these special characters.

Step 1: Go to Appearance > Customize > Typography.

Step 2: Use the General Text, Main Menu, H1-H6 Headings and Blockquote tabs to change all the typography settings of your website.

Step 1: Go to Appearance > Customize > Colors > Text Color.

Step 2: Choose your text color. Default is #1e1e1e.

Step 1: Go to Appearance > Customize > Colors > Primary Color.

Step 2: Choose your primary color. Default is #c0392b.

Step 1: Go to Appearance > Customize > General > General Options > Disable PageHeadings.

Step 2: Check this box to remove headings for all your pages.

Step 1: Go to Appearance > Customize > General > Breadcrumbs > Disable Breadcrumbs.

Step 2: Check this box to remove breadcrumbs.

Step 1: Go to Appearance > Customize > General > Breadcrumbs > Separator.

Step 2: Type in the symbol or text that will be used to separate the breadcrumbs.

Step 1: Go to Appearance > Customize > Static Front Page > Description Excerpt Size.

Step 2: Drag the bar to the number of words you want to use in the description excerpt for each article in the blog listing.

Step 1: Go to Appearance > Customize > Static Front Page > Date Format.

Step 2: Type in the date format that will be used to display the date of your blog articles. Visit WordPress Date & Time Formatting if you are not familiar with the date format for WordPress.

Step 1: Go to Appearance > Customize > Static Front Page > Hide Featured Image.

Step 2: Check this box to disable the featured image for your blog articles.

Step 1: Go to Appearance > Customize > Static Front Page > Hide Sharing Box.

Step 2: Check this box to disable the sharing box for your blog articles.

Step 1: Go to Appearance > Customize > Static Front Page > Hide Author Box.

Step 2: Check this box to disable the author box for your blog articles.

Step 1: Go to Appearance > Customize > Static Front Page > Facebook Comments Profile ID.

Step 2: If you wish to use Facebook comments instead of WordPress comments, you need to enter your Facebook Profile ID. If you do not know it, use Find Facebook ID and enter your Facebook URL to learn your Profile ID.

Step 1: Go to Appearance > Customize > General > Google Services > Google Analytics ID.

Step 2: Use the Google Analytics ID field to type in your Google Analytics ID and you will integrate Google Analytics in your website.

Step 1: Go to Appearance > Customize > General > Google Services > Google Webmaster Verification.

Step 2: Use the Google Webmaster Verification field to type in the verification code for the Google Webmaster Tools and you will integrate Google Webmaster Tools in your website.

Step 1: Go to Appearance > Customize > Header > Site Logo > Retina Logo @2x

Step 2: Use the Retina Logo @2x field to upload an image from your computer as a retina logo. This image has to be EXACTLY double the size of the website logo.

Go to Appearance > Customize > General > Login Page > Login Box Position.

Use the Login Box Position option to select the position of the login box in the WordPress admin panel. You can choose a position between left, right and center.

Step 1: Go to Appearance > Customize > Custom Code > Custom CSS

Step 2: Use the Custom CSS field to insert your custom CSS code. You can use the Header Codefield to insert additional code before </head> tag and the Footer Code field to insert additional code before </footer> tag.

Step 1: Go to Appearance > Customize > Static Front Page > Front page displays.

Step 2: Check A static page radio button to set your home page to display a static page.

Step 3: Use the Front page select box to choose your homepage and the Posts page select box to choose your blog page.

Step 1: Go to Appearance > Customize > Static Front Page > Front page displays.

Step 2: Check Your latest posts radio button to set your home page to display the latest blog posts.

Step 1: Go to Appearance > Customize > General > General Options > Disable Comments For Pages.

Step 2: Check the Disable Comments For Pages box to globally disable comments for pages.

Step 1: Go to Appearance > Customize > Footer > Copyright.

Step 2: Use the Copyright field to type in the text for the footer.

Step 1: Go to Appearance > Customize > Colors

Step 2: Use the General, Header, Main Menu, Footer and Headings tabs to change the colors for all website’s major elements.

Step 1: Go to Appearance > Customize > Header > Header Slider.

Step 2: Select the desired slider from the Header Slider select box.

Before being able to set a header slider, you first need to create / import one from the Layer Slider or Revolution Slider tab.

Important: If you set-up a header slider, all header images will be overridden except the Individual Page Settings.

Yes. Go to Appearance > Customize > Header > Header Image > Current header.

Use the Add new image button to upload several header images from your computer. Click the Randomize uploaded headers button and it will display, each time, a random image.

The minimum size for the header image is 1600 x 400 pixels.

Step 1: Go to Appearance > Customize > Header > Header Image > Current header

Step 2: Press the Add new image button to upload a header image from your computer.

The minimum size for the header image is 1600 x 400 pixels.

Step 1: Go to Appearance > Customize > Custom Code > Custom JS Code

Step 2: Use the Custom JS Code field to insert your custom JavaScript code. This code will be inserted right before closing the tag. Insecure code in this field can lead to an insecure website. Please make sure you trust the code.

Step 1: Go to Appearance > Customize > Header > Header Layout > Logo Alignment.

Step 2: Use the Logo Alignment select box to choose the logo position. The logo position applies only to the Default and Boxed header styles. Default position is Centered.

Step 1: Go to Appearance > Customize > Footer > Footer / Pre Footer Layout.

Step 2: Use the select box to choose the desired number of columns. The grid can be split in one, two, three, four or six columns.

Step 1: Go to Appearance > Customize > Footer > Footer Style.

Step 2: Use the select box to choose the style of your footer. There are three available styles: Default, New and Custom.

The Default option gives you the grass footer, similar with our demo. The New option gives you the dirt footer and Custom allows you to upload your own background.

Step 1: Go to Appearance > Customize > Layout > Website Alignment.

Step 2: Use the Website Alignment select box to choose the layout alignment. Default is Centered.

Step 1: Go to Appearance > Customize > Static Front Page > Disable post excerpt.

Step 2: Check this box to remove the excerpt for all your blog posts.

Step 1: Go to Appearance > Customize > General > General Options > Sharing Box Title.

Step 2: Type in the text that will appear in the box next to the sharing buttons.

Step 1: Edit the Contact page and scroll down to the Individual Page Settings.

Step 2: Use the Contact Details tab to choose Map Latitude / Longitude / Type / Height / Zoom.

You can add a calendar by using our custom Visual Composer Agenda element.

Step 1: Edit the page and click on the + button to add a VC element.

Step 2: Click on the Agenda element, in the Curly Themes Extension tab.

Step 3: Use Event and Event Day subelements to create your agenda.

 

You can learn how to use this element and other Curly Themes Extension custom VC elements in our documentation: http://docs.curlythemes.com/equestrian/#visual-composer

Step 1: Go to Appearance > Customize > Header > Site Title & Taglines.

Step 2: Use the Right Tagline field to add the weather shortcode, like this:

To learn more about how you can customize the weather display, you can read the Simple Weather chapter.