After you download the main archive and install the theme, the first step is to import demo data.
In the main archive you will find a directory named 'demos' containing subfolders for each the demo you can preview in our live preview.
Go inside the demo subfolder and you will find a xml file and text file
you need to import the xml file using the Wordpress -> Tools -> Importer.
Then open the text file copy the content and paste it in theme options Backup->Transfer Theme Options Data
and press Import
Go to Appearance->Menus and set the menu to 'Main Menu'. Press Save.
Finally, go to Settings -> Reading and set front page to 'Main Page'
That's all :)
To upgrade the theme:
Download the latest version from envato (installable Wordpress file)
In admin dashboard:
remove the old theme and install the new version
using FTP remove the theme folder from /wp-content/themes/ and then copy the new version
You will not lose the changes if you added content, uploaded media or changed theme/page options.
if you haven't modified the theme files you should be fine.
If plugin is not working, try update file_get_contents to curl get.
To do that, edit file clapat/class.shortcode.php
replace
$content = @json_decode(@file_get_contents($apiURL));
with:
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $apiURL);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$output = curl_exec($ch);
curl_close($ch);
$content = @json_decode($output); unset($output);
There is a free plugin available - http://wordpress.org/plugins/taxonomy-terms-order/... , you can use it in order to change portfolio filters order.
One of the main reasons the site is slow is that you may have lots of images which are not optimised for web.
To check which images slow down the site. If you go to chrome, and right click and the 'Inspect' you will see a 'Network' tab which helps you monitor the loading time for all elements.
Click on the 'time' column to sort the entries.
Second you can use one of the WordPress cache plugins to deliver cached content:
https://premium.wpmudev.org/blog/top-wordpress-caching-plugins/
Third, compress your images using a plugin such as WP Smush
Fourth, optimize your WordPress installation using a plugin like WP-Optimize.
Fifth, use a CDN (Content Delivery Network) to deliver your content over the web.
Add this to your theme options Styling Options -> Custom CSS:
.bx-wrapper img { margin: 0 auto; }
The problem is that sometimes the testimonials run into each other until you resize the screen.
Solution:
Add this in Theme Options > Custom CSS:
.slides li {
-webkit-transition: all 0s ease-in-out 0s!important;
-moz-transition: all 0s ease-in-out 0s!important;
-o-transition: all 0s ease-in-out 0s!important;
-ms-transition: all 0s ease-in-out 0s!important;
transition: all 0s ease-in-out 0s!important;
}
If you want to rate the theme, and be notified about new updates of Eleven Wordpress Theme see attached screenshot. You can rate the theme by clicking on the stars on the right side (the higher the better :-) ), and Check - get notified by email check box to keep updated.
Also check video.
http://www.youtube.com/watch?v=MmUPDiDOpNY
Add this CSS code to theme options -> styling options -> custom css:
::-webkit-input-placeholder { /* WebKit browsers */ color: #000 !important; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000 !important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000 !important; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000 !important; opacity: 1; }
Make sure you refresh the permalinks by pressing 'Save' in Settings -> Permalinks
Check to see if the .htaccess file is writable in Settings -> Permalinks (usually you get an error message if it isn't)
If the .htaccess is not writable, even though you specified a new permalinks structure. the webserver will still follow the old rules defined in the .htaccess file
When you select your Contact Section (add / edit page -> Assign Current Page As) you will see an option underneath Map Overly (yes/no).
Select 'yes' and the content of the page will be overlaid on top of the map.
Yes we disabled the language selector in the header menu due to responsive issues. We let our users to customize it and styling it as they see fit. To re-enable it you just need to add
.menu-item-language { display: block !important; }
in Customizer -> Additional CSS
Yes, you should be able to use Visual Composer in portfolio pages.
You need to make sure however that you have Content Types -> 'berger_portfolio' checked in Visual Composer settings.
If you still don't see the Visual Composer backend editor make sure you press save and refresh in Visual Composer settings.
if there is an error in browser's console stating:
Google Maps API error: MissingKeyMapError
you need to create a google maps api key as described in this article:
https://developers.google.com/maps/documentation/javascript/get-api-key
Make sure you authorize the contact page url containing the map when you create the key.
then go to theme options -> map options -> google maps api key and paste it there
When the browser displays a fullscreen image will do so taking three factors in account:
- display resolution (width and height)
- display mode (portrait or landscape)
- image aspect ratio (width vs height)
So to display using the current resolution and display mode and preserving the aspect ratio, the browser will crop the image: in portrait will preserve the height whereas in landscape mode will preserve the width, cropping the rest that does not fit in current res.
The attached images visually explains the cropping process.
There are two set of values for menu items margins (first version of the header):
- normal/desktop views
- responsive (resolutions less than 1024 pixels)
These values can be set in page options for each page included in the menu
Problem:
I cant activate the slider plugin that the theme asked me to install.
I keep getting this error.
Parse error: syntax error, unexpected T_FUNCTION in /.../wp-content/plugins/revslider/inc_php/revslider_slider.class.php on line 851
Solution:
This problem may related with old php version on server. ThemePunch (plugin’s author) wrote:
“Please consider updating your server’s PHP to a more modern version in order to prevent similar issues with other WP products in the future. Your server is using a PHP Version < 5.3 , which is from July 2009.”
We also recommend to contact with server administrator because it’s not safe to work on such an old php version.
Also, if you are happy with one slider you can use the Main Slider and you don't need Revolution Slider
Main Slider should be the hero section of any page which has Slider hero section type.
When first showcase slide is a video slide the video does not start playing (autoplay)
This is because chrome has updated its video autoplay policies:
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
However the muted video is always allowed to autoplay. If you don't need sound, the solution is very simple. Open showcase-page.php and change line 95 from
<video autoplay loop id="bgvid"></video>
to
<video autoplay loop muted id="bgvid"></video>
Otherwise you need to check the promise object and display a play button in case the browser does not autoplay the video. See 'Best practices for web developers' in the above mentioned link.
Here are the steps to build a full width page-section without parallax effect
- create the page-section and get the section id. The section is is usually the last part of the page permalink as showed in theme options. You can also inspect the page source and you will see
- set it as default section, make page container full width in page options
- in theme options -> styling options -> custom css add
section#section-id-here{ background-image:url(URL path of the background image); background-position: center center; background-repeat: no-repeat; background-size: cover; }
The reason you cannot add two team carousels it's because they will have the same ids (.our-team-new) causing a conflict in the page.
To enable multiple team carousels, you must use html code inseatd of shorcodes and use different ids for each of them (our-team-new1, our-team-new2, etc)
Then, in the /js/scripts.js file duplicate initialization for each id (line 181)
if( jQuery('.our-team-new').length > 0 ){
jQuery('.our-team-new').carouFredSel({
width: '100%',
height: 'auto',
prev: '#prev3',
next: '#next3',
align: "center",
scroll: 1,
auto: false,
visible: {
min: 1,
max: 5
}
});
}
It’s because ajax loading which bypasses the row styles added with Visual Composer in row design options or other plugins within the content.
To take advantage of the nice inline loading effect, as a step-by-step guide:
A. press Classic Mode Visual composer button
B. you will see a bunch of .vc_custom_.... codes
C. copy them
D. open the raw html at the bottom of the posts content
E. Paste it there inside
That's all.
If you don't want to bother with these styles set 'Load Slides Content With Ajax' to 'No' in showcase page options
Try uploading the files somewhere as a subfolder of the theme and then use @font-face to create a font family.
And then simply add the font-family style for each element you want to have that font.
See here for a description of the process:
http://premium.wpmudev.org/blog/custom-fonts-css/
You can edit style.css or use customizer -> Additional CSS
WPBakery row's properties and some of the elements are not compatible with AJAX loading
1. There is a simple way to set the properties with AJAX loading of the rows you have set in WPBakery:
- load the page directly in your browser.
- right click and select View page source
- look for
<style type="text/css" data-type="vc_shortcodes-custom-css">
- copy everything (including) between
<style type="text/css" data-type="vc_shortcodes-custom-css">...</style>
- add a raw html element at the bottom pf the page and paste it there.
Is recommended to create your own CSS classes in appearance -> customizer -> additional CSS and add them to Extra class name attribute of the current row. This works great with AJAX loading.
We have some predefined classes that may help you:
row_padding_top - adds a top padding of 120px
row_padding_bottom - adds a botom padding of 100px
has-animation - adds a fading animation effect
small – small row width.
full – makes the row full width.
text-align-center – center aligns the text within the row.
has-animation – adds an animation effect
one_half – First 1/2 Column
one_half last – Last 1/2 Column
one_third – 1/3 Columns
two_third last – 2/3 Column
2. Use the child theme we prepared for using WPBakery Page builder and that can be found in the main archive. This enqueues basic WPBakery libraries and styles and initializes common elements for use in every page. However we do not claim it will work with all WPBakery elements and add ons
3. Add a specific page as custom link in the primary menu. This way the page will load normally and you do not have to disable AJAX throughout the entire site.
If you are running wordpress 3.9+ you need to install/upgrade the latest theme version (1.3)
Make sure you are refreshing Add/Edit page (Ctrl+F5) to avoid previewing cached content.
Insert this code in CF7 form.
<div class="group"> <h2 class="black mb">Send Us a Message</h2> <div class="one_half"> [text your-name watermark "Name"] [email your-email watermark "Email"] [text your-subject watermark "Subject"] </div> <div class="one_half last"> <p>[textarea your-message watermark "Message"]</p> </div> </div> <p align="left"> [submit class:clapat-button "Submit"]</p>
add this to your CSS Overide Box
.wpcf7-submit { width:120px; float:left; cursor:pointer; margin:0; font-size:12px; font-weight:normal; }
Hi there, it’s most likely because back button does not trigger window.unload event in Firefox and Safari which is used to hide the preloader.
More info here: http://bugs.jquery.com/ticket/8684
If you wish a page reload just bind an event to to window.unload
jQuery(window).unload(function(){});
in /js/scripts.js
It can be at line 6, after the window.load event handler
Thanks
If favicon is not visible, check out this ticket. This is general fix: http://clapat.ticksy.com/ticket/73902/
Fix is not needed from Eleven 1.3 upwards.
In the Settings -> Permalinks make sure you don't get an error message.
If Wordpress reports that the .htaccess file is not writable, the webserver will use the old links structure and not the one you've changed in Permalinks.
Plz check that first.
In Eleven V1.3 we have implemented a full blog. We had to move the old "news" from post to a new Custom Post Type. http://screencast.com/t/FTcJlD2RF . called News
If you update from older version, you will find your old news content in Post Section
Assuming you have downloaded the main archive , you will find inside the zip file a folder named 'demos'
In it, there are several subfolders corresponding to each demo available on our live preview site.
Each of these subfolders contain 2 files: 'import.xml' and 'theme_options_demo.txt'
'import.xml' is the files exported from Wordpress and therefore can be imported using Wordpress import tool ('Tools -> Import' in admin dashboard). We recommend to process this file first.
'theme_options_demo.txt' is the file exported from the theme options panel therefore can be imported using Theme Options -> Backup Options.
In Safari on Desktop in macOS it displays a hero image bug. The hero image doesn't go to the bottom of the display.
For a fix, try adding
#hero {
height: 100vh !important;
}
in theme options -> styling options -> custom CSS
Make sure you refreshed the permalinks after changing the portfolio slug in theme options. And the .htaccess file is writable, which allows Wordpress to update the permalinks structure.
Twitter stopped using old API, in order to have have your twitter feed working you must to the following steps.
1. Make a backup of your class.shortcode.php file located in Clapat folder of your current Eleven-WP Theme Installation
2. Edit class.shortcode.php with your favorite text editor (recomanded notepad ++), find function twitterFeed - for 1.2 version starting from line 15 till line 77
3. Replace those line, with the content from attached .fix file. - http://clapat.ro/themes/eleven-wp/fix.txt
4. Upload the modified file and hard refresh the page. (CTR+F5 for Chrome)
The latest version is available for download from envato.
You can remove the theme in the WP dashboard and install the new version.
Backup your theme options before to be on the safe side.
Alternatively, You backup the old theme folder to have a backup and unpack and copy via ftp the latest version.
the folder location is wp-content/themes/newave-theme
If you did custom work and modified the theme files, you have the merge the changes. A list of updated files can be found here
http://themeforest.net/item/newave-wordpress-respo...
(scroll to the bottom of the page)
The standard we use is to have 1600px width for full-width images and 800px width for thumbnails
If you are using Adobe Photoshop, save images with 60% quality.
We have built the menu on bootstrap which comes with this behavior.
Here is a link on how to make it work the way you wish
but it requires good knowledge of CSS.
If You need to make sure you are running the latest release you need to verify the version of
Berger
and
Berger Functionality Plugin
To upgrade:
The latest version of functionality plugin is bundled with theme. If you re-download the theme from envato you have the latest release of the theme.
If you are using admin dashboard simply un-installing the theme and the re-installing the new version will do the upgrade.
to upgrade Berger Functionality Plugin you must deactivate the theme first and delete the plugin because you cannot delete the plugin while the theme is active.
Upon theme reactivation you will prompted to install the bundled plugin - therefore the latest version.
There are two options regarding loading portfolio/project showcase slides: using AJAX or regular loading.
The problem is caused by the fact row's background options/attributes are not loaded with AJAX
If you select regular loading you will not have any difficulties with visual composer rows styles.
If you want to keep the nice inline effects and you select loading showcase slides with AJAX, visual composer is bypassed and you will not see row's styles.
To solve this you need to add the CSS styles as raw html content at the end of the slide content.
As step-by-step guide:
A. press Classic Mode Visual composer button
B. you will see a in the content several .vc_custom_.... codes
C. copy them
D. open the raw html at the bottom of the posts content
E. Paste it there inside
<style data-type="vc_shortcodes-custom-css" type="text/css"> ... </style>
That's all.
If you don't want to bother with these steps set 'Load Slides Content With Ajax' to 'No' in portfolio page options
There are two files you can download from envato: main archive and the installable wordpress file.
The main archive contains the theme folder but also demo data and documentation. That file cannot be installed.
the file that should be installed is newave-theme.zip (can be found also in the main archive folder) or downloaded directly from envato.
You need to make sure that you have setup the following:
1. a main page in 'One Page' template
2. the main page is set as front page in Settings -> Reading
3. a Home page with the 'Default' template assigned as 'Home' section
4. The home page appears first in the Main Menu
5. And the current menu is set as 'Main Menu'
It is probably because you have not set the right margins for menu items.
If you are using the first version of the header (the logo centered) you need to set the margins for each page included in the menu.
You can do this in page options.
There are two values : one for normal/desktop views and the second for responsive (width less than 1024 pixels)