Salient - Responsive Multi-Purpose Theme

The package could not be installed. The theme is missing the style.css stylesheet A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing� error message being displayed when trying to upload or activate the theme. This error mess ...

Theme Installation Errors The Salient theme should install without any errors, although on some occasions people encounter errors so here are the most common errors and the solutions: The package could not be installed. The theme is missing the st ...

4 | Installing and Updating Salient Visual Composer (Bundled with Theme) Please Note that Salient VC 4.7.4 ++ requires PHP 5.4 or higher to be running on your server. Please contact your hosting provider to ensure your php version is latest. There are two methods to Install/Update. ...

1 | Troubleshooting the Salient Theme (Website not working correctly) Please be sure to follow each step precisely and if the issue still exist add/create your WP login details as well as FTP details in the comments. Also be sure to let us know the specific page url where the issue can be foun ...

Updating Your Theme and Plugins Updating the Theme : Please view our New Guide: http://themenectar.com/docs/salient/updating-salient/ . Updating Plugins Updating plugins works in a similar fashion, but each one is a little different. We have provided d ...

How to update theme Manually via FTP Please follow these steps to upload the theme folder manually via ftp: Download the latest theme zip from the Downloads Section on ThemeforestExtract the latest theme zip on your local computerConnect to your server via FTP ...

Size of images in lightbox . Images getting cut Hey !Simply change your "large" image size in settings > media to 1280x720 and it should work alright :) Cheers

How to Translate the theme See Relevant url : http://themenectar.com/docs/salient/translations/  Translation Basics The section covers the steps in creating a .po file that contains the set of translated strings. If you’re already fimilar with cr ...

Comments not showing on Pages By default there's no option for the comment field on static pages, but adding it in is simple. If you'd like to handle it in a cleaner, update-proof fashion, you can use the "nectar_hook_after_content" hook. Here's an exam ...

Create Landing Page (Remove Header / Footer per page ) You need to find the Page id of the page you want to remove the Header and footer . Here is how to find it: http://quadroideas.com/find-page-id-wordpress/ .Also see: https://support.woothemes.com/hc/en-us/articles/203105957-C ...

Two Minute Theme Update. Updating the Salient Theme is incredibly simple and as long as you’ve made all of your changes to your site using a child theme, you won’t have to worry about anything being overwritten. 2 Minute Method using "Easy Theme ...

Increasing Memory Limit To PHP Some servers (shared hosting planes usually) have a very low limit to PHP by default which can cause a blank screen (white screen of death) or an error on your site. Luckily increasing the memory limit to PHP is very simple a ...

Missing "Read More" button in Ascend Skin” The ascend skin actually hides that on purpose for a different look - if you want it back in add this into the custom css box located in your Salient Options panel:html .ascend #search-results .result span.bottom-line, html ...

Increase Nectar Love value manually Add this code to function.php press save button . Once updated remove the code:/* update_post_meta(post_id, '_nectar_love',value) */ update_post_meta(1851, '_nectar_love',60); For more info on the function: http://codex ...

Move Secondary Menu Social Media Icons to Left Add this into the Custom CSS box located in your Salient Options panel :@media only screen and (min-width:1000px){ body #header-secondary-outer #social { float: right !important; }

Change color of Nectar Slider Heading and sub heading Add this into the Custom CSS box located in your Salient Options panel Or on the Visual Composer Css button so the css shows on that page only:/* Heading for all slides*/ body .swiper-slide .content h2 { color: #ff0 !im ...

Make init.js changes in Child Theme . Please see ticket: http://themenectar.ticksy.com/ticket/136919/

“Lightbox to open an embed file” You'd need to do an inline content lightbox by adding an id onto your div like this (just add this on the same page as your link in the text editor) And then using a link like this: link Your could ...

Make button open lightbox The correct HTML to add a button with an icon that links to a video would be: Test Span Cheers

Portfolio Size and Order 1. Make sure you're using the Fullwidth masonry style . 2. Make sure your images meet the size requirements as stated in the Masonry Sizing section of the User guide : http://themenectar.com/docs/salient.pdf 3 And last - if ...

Mobile Menu hidden by Wordpress Toolbar Try adding this into the custom css box located in your Salient Options panel:@media only screen and (max-width: 690px) { #wpadminbar { position: fixed!important; } } Cheers

mobile full width, but keep the desktop in the boxed mode Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :@media only screen and (max-width: 690px) { #boxed { width: 100%!important; } } Thanks

“Sticky Mobile Menu” add this into your custom css box located in the Salient options panel:@media only screen and (min-width : 1px) and (max-width : 1000px) { body #header-space { height: 56px!important; display: block!important; ...

Howto: Make logo big or small Add this into the Custom CSS box located in your Salient Options panel:/* Desktop greater then 1000px */ @media only screen and (min-width : 1000px) { body header#top #logo img { height: 50px!important; ...

how to make the color of the hover on the thumbnails different from the global link color Please see the comment by nectar in this thread: http://themenectar.ticksy.com/ticket/155205/ .

Remove thin bottom border on transparent header Add this into the Custom CSS box located in your Salient Options panel :body #header-outer[data-transparent-header="true"].transparent { border: none !important; }

Change Team Member Size Add this into the Custom CSS box located in your Salient Options panel :#ajax-content-wrap .team-member img { height: 206px; }

Move Third level menu to left instead of right Add this into the Custom CSS box located in your Salient Options panel:body .sf-menu li li ul { left: -16em!important; } body .icon-angle-right:before{content:"f104" !important;}

Map marker icon not showing No Additional plugin is needed. Please make sure you've activated location #1 and entered your lat/lng for that as well - just adding a lat/lng to the map center point won't add a marker.

Changing content in portfolio thumbnail hover Try making the edit in the shortcode-processing.php file located in the nectar/tinymce directory. Just run a search for "//Portfolio" to end up at the right place :)

Hide Portfolio Arrows / Squares / Title For Whole Section including the title:.single-portfolio .project-title .container { display: none !important; } For All Three:#portfolio-nav { display: none!important; }For Arrows Only: #portfolio-nav ul.controls ...

Mobile Drop Down , Change word not arrow as link The mod would indeed take place in the init.js file – this section: $('#mobile-menu .container ul li:has(">ul") > a .sf-sub-indicator').click(function(){ $(this).parent().parent().toggleClass('open'); $(this) ...

Nectar Slider Arrows Color and Background Change 1:To Change arrow color:.swiper-container .slider-prev > i { color: red; } .swiper-container .slider-next > i { color: red; }2:To change background color:.swiper-container a.slider-prev:hover, .swiper-container a.slider-nex ...

Hide responsive secondary menu In Mobile/Tablet You can remove the secondary nav in ipad and mobile view using below custom css: @media only screen and (min-width : 1px) and (max-width : 1000px) { #header-secondary-outer ul.sf-menu { display:none !importan ...

Remove WooCommerce Add to Cart - Amount Function To remove this:http://ticksy_attachments.s3.amazonaws.com/8206310... .Add this into the Custom CSS box located in your Salient Options panel: .quantity input[type=number] { -moz-appearance: textfield; margin: 0; ...

Change order of Portfolio categories title's Q: I have a few portfolio categories and I would like to order them in the horizontal menu in a specific order rather than using the default alphabetical attributes.Anwser: Use this plugin: https://wordpress.org/plugins/taxo ...

Howto: Add Custom image sizes ?. Change Responsive Behavior of images By default all images inherit responsive behavior - if you want to use fixed dimensions, either do so by adding a class to your image e.g.img src="" /> and then add this into the Custom CSS box located in your Salient Options ...

Change Slide Out Widget Icon .slide-out-widget-area-toggle i:before { content: 'f0e0'; font-family: 'FontAwesome'; top: 6px !important; position: relative; font-size: 22px !important; } .slide-out-widget-area-toggle spa ...

Hide Mega Menu Column Title in Mobile Menu Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :#mobile-menu ul >li > ul.sub-menu> li.menu-item-has-children> a { display: none; } #mobile-menu ul >li > ul ...

Adjust Nectar Slider Text with CSS Using the Extra Class Field in the Nectar Slider "Edit Slide" Page you can target individual slides :  Use the extra class name selector to target individual slides. body #ajax-content-wrap .nectar-slider-wrap .swip ...

Change the numbers of columns in the recent projects slider from 3 to 6 items Open up the init.js file and change this: $('.carousel:not(".clients")').each(function(){ var $that = $(this); var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : ...

Parallax Bug on Chrome and (bit older version of) Firefox” What you're seeing is a browser level bug that exists in webkit. If you check a current Firefox version or IE10 you'll notice what you've created works fine. Essentially you can't have a parallax nectar slider close to a para ...

Add Phone-Number/Email in secondary menu with icon Please add the span html inside the secondary menu text as : 0437 445 352 As can be seen in this screenshot: http://prntscr.com/47l3c0 . For Email : And then add this to custom css: body span.icon-phone { ...

Nectar Slider: Semi Transparent Background for Heading .swiper-slide .content h2 { padding: 4px 0px; display: inline; position: relative; left: 10px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, ...

Hide Portfolio Thumbnail Title or date Add this into the Custom CSS box located in your Salient Options panel :/* hide title and date */ body .portfolio-items .col .work-info .vert-center { display: none; } /* hide title only */ body .portfolio-items .col ...

Make Header Nav Menu Look like a Button Please see our New Doc Article : http://themenectar.com/docs/salient/header-button-links/ . Cheer

OpenGraph loaded twice, when Wordpress Jetpack Publicize feature in use” add the following code in the themes functions.phpadd_filter( 'jetpack_enable_open_graph', '__return_false' );before this code at the end of the file:add_action( 'wp_head', 'add_opengraph', 5 );

Remove slide count in Home slider next/prev arrows Add this into the Custom CSS box located in your Salient Options panel :.swiper-container .slider-prev, .swiper-container .slider-next { width:50px !important; }.swiper-container .slider-next .slide-count,.swiper-contain ...

Decrease the vertical spacing or leading between all 3 elements in the nectar slider- the large text, the sub text and the button Add this into the Custom CSS box located in your Salient Options panel:#boxed .swiper-slide .content h2 { line-height: 30px; } .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 { line-height: ...

How to Create Mouse Based Parallax ?. Please see https://www.youtube.com/watch?v=NIgi-YyspcE .Cheers

Navigation gains bottom margin on page scroll Add this into the Custom CSS box located in your Salient Options panel: .sf-menu ul { top: 50px!important; } .small-nav .sf-menu ul { top: 45px!important; }

Advancing nectar slide at end of video [Hack] The following code is outputted below the slider in a raw JS block: jQuery(window).load(function () { //will run on page load (i.e. once the video is fully buffered) var video = jQuery('.my-video-slide video').first()[ ...

Removing Author, Date, Tags, and Comments on Blog Titles /* For Blog page */ body .meta-author { display: none !important; } body .meta-category { display: none !important; } body .meta-comment-count { display: none !important; } /* For Blog Single Pages */ b ...

Nectar Flexible Slider Height Cropping Image in Responsive Screen Sizes. Please see Updated Doc here : http://themenectar.com/docs/salient/nectar-slider-plugin/ . 

Fonts Used in Theme Demos , Screenshots of Typography Panel Agency Demo Ascend Demo

strange icons on iOS Please check your .htaccess file in the wp-content folder and check if it has any below security code that is blocking specific ttf filetype . Order deny,allow  Deny from all    Allow from all  

Change logo url link via JS code Globally. Add this JS code in the Google Anlaytics Section :   jQuery( document ).ready(function() { jQuery('a#logo').attr('href','http://yourwebsite.co'); }); If you wish to open the Link in a new Page use below cod ...

Add TEXT Next to Hamburger Menu Icon Theme Version 8.5+ Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : .slide-out-widget-area-toggle:not(.slide-out-hover-icon-effect) a:after { conten ...

Corporate Demo - Contact Form A common question that’s asked about some of the demo contact form setups is how to make some of the fields display in columns. For this, you need to use actual HTML columns. Below you will find an example snippet you can c ...

Anchor Links not Working Salient Theme: 7.x How to solve: Browser shows undesired positioning of anchor links if/when returning from 'other' site pages. Steps: Go to Salient Options panel > General Settings > FunctionalityCheck One P ...

Twitter Share Count API Closed Here is the official link: https://blog.twitter.com/2015/hard-decisions-for-a-sustainable-platform . For the other counts to Please Update Theme . Cheers

Visual Composer template is reordering elements Hey Guys,When we add a new portfolio item, we start by enabling "Full Width Portfolio Item Layout" and checkoff "Hide Featured Image/Video on Single Project Page?" under "Project Configuration". Now if we load in the templ ...

Change hamburger icon to envelope mail icon in main menu . Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines-button.x2:after { ...

Changing Theme Texts Using Loco Translate Plugin . You can view the Updated Documentation Article here: http://themenectar.com/docs/salient/translations/ .Please see: https://localise.biz/help/wordpress/translate-plugin/beginners  Below are the Steps to Install Loco Tran ...

Add Text to Footer Right . Hey Again,Add this text in the copyright section in Options Panel: http://prntscr.com/9y6qim Test text Also add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) ...

Clear Cache Clear Your WordPress Site CacheWordPress is fairly database intensive so it’s highly recommended to host your WordPress site with a webhost that provides built-in caching tools or to use a 3rd party Caching plugin. While ca ...

Make Nectar Slider Button open lightbox link or video Add in the lightbox extra class here :  and the JS in here  For 1st Button use this code: jQuery( document ).ready(function() { ...

Typography Section options.txt files For Salient Theme Demos. One Common Issue that users report is the fonts and text responsive behavior ie Text or button getting too small when window is resized. The Easiest way to fix that is to use the Font sizes used in the Theme demos. Simply ...

limit the Search Function to Just Display Products Only. Add this to your child theme functions.php . function searchfilter($query) { if ($query->is_search && !is_admin() ) { $query->set('post_type',array('product')); } return $query; } add_filter(' ...

Install your Theme Now that you have purchased this Amazing theme, it’s time to install it in WordPress!Install Via WP DashboardIf you have already downloaded the theme after you purchased it, Download Your Theme and then Log into your Wor ...

Downloading Your Theme Congratulations! You just purchased our Salient Responsive Multipurpose WordPress theme on ThemeForest. Go to your Downloads page in your ThemeForest profile. Locate the Download button next to Salient and click it. Up ...

Firefox Padding Top and Bottom Not Appearing on Columns Firefox has a bug which causes the top and bottom padding to not work if the padding is using percentage values.  Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no ...

Importing the Theme Demos ( Make Theme Look Like Demo ) 1. Importing the Demo Content on a Fresh Install Salient Theme Version 7.x and later introduced a New One Click Demo Import Option available in Salient Theme Options Panel -> Demo Importer Section which lets you Import t ...

Adding your Google Map API Key In order to use Google maps you need to generate an API key - please see the official documentation for more information. Once you have the API Key you need to add in to Salient Theme Options Panel -> General Settings - ...

Activate and Save Permalinks After installing and activating the recommended plugins for this theme, go to your Navigate to Settings> Permalink settings. This is where you can change your permalink structure. After selecting the format you would like ...

Change Woocommerce Products per Page.  Add this to the Child Theme Functions.php .  add_action( 'after_setup_theme', 'change_parent_products_per_page', 10 ); function change_parent_products_per_page() { //chnge how many products are displayed per p ...

Home Page Setup By default the homepage will look like a blog (this is how WordPress is intended to work). If you have imported one of the Theme Demos select the desired page or if you want a custom homepage you can create it using the salie ...

Adding your Google Analytics Tracking Code 1. Locate your tracking code: Your tracking code is located in Google Analytics under the “Admin” panel. Make sure you are copying the Tracking Code and NOT the user id. 2. Paste into the Custom JS code field Nex ...

Getting Started - First Steps Please Follow These Steps if you have just Purchased the Theme and Need help Getting Started .Download Your ThemeInstall your ThemeTheme Installation Errors Install Recommended PluginActivate and Save PermalinksImporting the ...

Google Page Insights Shows Errors/Warnings

Install Recommended Plugin Once you have installed and activated Salient Theme you will be prompted to install recommended plugins. Just click the link to begin installing plugins.Next, check boxes to select all the plugins you want to install, selec ...

Center Copyright Text In Footer Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : #footer-outer div#copyright .col.span_5 { left: 50%; } #footer-outer .div#copyright col.span ...

Woocommerce Payment Gateway Not Showing ( BrainTree / Amazon ) Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : /* show any Iframe added by Payment Gateway as theme has inline style that hides the iframes by default ...

Hiding Rows on Mobile / Desktop in Visual Composer By default, the Salient Page Builder does not allow you to hide the Rows Using the Responsive Options Tab like the VC Columns.  You can however use any of these 4 classes and add them to the Row Extra Class Field to hide t ...

Add Down Arrow in FullScreen Page Rows Option [JS hack] Note:  The Below Code is just a hack and is provided AS IS for Experienced Developers. Kindly do not ask related questions in the Support Ticket regarding its Implementation as Theme customization is not provided as Theme Su ...

Forms , Checkboxes Not Appearing Correctly Salient Theme Uses the Select2 JS Library to Enable Fancy Select/Checkbox/Radio Styling . If for some reason the Option is conflicting with Third Party Plugins . You can turn it off in Salient Theme Options Panel - > Form ...

Transparent Header Not Showing on All Pages To have the Header Always be Transparent you will have to Turn on the "Header Permanent Transparent" Option in Salient Theme Options Panel -> Header Navigation -> Transparency Tab: Cheers 

Quick Notification Bar As of Salient 10.5 a New Option has been added :  Add this to the Google Analytics Section : jQuery( document ).ready(function() { jQuery('#header-outer').prepend('In celebration of the upcoming holiday, our offices w ...

Make Masonry Blog height Uneven (Not Fixed) If your Images are not Sized the Same and you dont want to size them Manually add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : /* Make the Masonry Blog ...

Header Logo Not Showing | Cant Change Demo Logo There are Two Places where the Logos are to be Added . 1) Salient Theme Options Panel -> Header Navigation -> Logo & General Styling Tab: 2:  Salient Theme Options Panel -> Header Navigation -> Tra ...

Troubleshooting Video Backgrounds See updated Docs here : http://themenectar.com/docs/salient/page-builder-row/#video-background . If you can't get your video backgrounds to load make sure you've covered these twoitems before panicking: 1. Ensure that you ...

W3 Performance Setup Salient Optimization Guide : http://themenectar.com/docs/salient/performance-optimization-guide/W3 Total Cache General Settings In the “General Settings” tab of your W3TC plugin panel, ensure these settings are checke ...

Change Order of Portfolio Items or Portfolio Categories Simply use this plugin: https://wordpress.org/plugins/post-types-order/ . Cheers 

Cloudflare Rocket Loader Conflict with WPBakery Page Builder The "rocker loader" feature when enabled from cloudflare is known to cause issues with WPBakery -  Please disable that by following this : https://help.mediavine.com/en/articles/450233-cloudflare-rocket-loader-conflict .Th ...

Add Different Mobile Logo (CSS) /* Add custom mobile logo */ @media only screen and (max-width: 1000px) { body header#top #logo img { visibility:hidden !important; } body header#top #logo:before { content: ''; posi ...

Loading Icons mind font when using shortcodes in footer Add to Child Theme "functions.php "file : 

Add a Custom Font Add custom fonts to the "Typography" section of the Salient Theme Options Panel Option #1: Use a plugin The plugin Use Any Font will allow you to upload custom fonts via a user interface and automatically add them into ...

Change Mobile Column Order For Salient Version 12 or below:As of Salient 12 the Column Position can be changed in the Row Settings :For Salient Version 11 or below:Using the "Alternating Split Section " As Example : http://prntscr.com/g0j8fe and the l ...

Make Column Link Open Lightbox Step 1: Add an Extra Class Name in the Column Setting of the Column that need to open a LIghtbox . In our Example we have added "lightbox-column" as Extra Class Name . Step 2: Add the Javascript code in Salient Theme ...

Nectar Slider CSS Classes The nectar slider has a few CSS classes you can add for different effects/behavior. A nifty one we created as a bonus is called "static". What it does is make it so the caption / buttons move at the same speed as the backgro ...

Add Different Mobile Logo (CSS) /* Add custom mobile logo */ @media only screen and (max-width: 1000px) { body header#top #logo img { visibility:hidden !important; } body header#top #logo:before { content: ''; posi ...

Add html5 sound to Salient Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the C ...

Salient Theme Sensei Support . The Below Code add Sensei Plugin Support to the Salient Theme . Reference URL: https://docs.woocommerce.com/document/sensei-and-theme-compatibility/ Add this to your Child Theme functions.php or using the Code Snippet ...

FontAwesome Plugin Conflict , Child Theme Override Please add this to your child Theme Functions.php : wp_enqueue_style('font-awesome-salient', get_template_directory_uri() . '/css/font-awesome.min.css'); So the Child Theme Code Looks Like This:  add_action( 'wp_enq ...

Salient Mega Menus View the Latest Salient v13 Doc here: http://themenectar.com/docs/salient/salient-menu-options/ Mega Menus If you would like to use a mega menu, please head to the Appearance > Menus tab in your admin section a ...

Add Different Logo on Particular Page The easiest way is to the change the Img url for the Page that needs a Different Logo . The Page id is used to target that particular page logo only . Place this JS script in the Google Analytics Section in Salient Theme ...

Masonry Image Gallery See Latest Article : http://themenectar.com/docs/salient/galleries/  . Follow these steps : 1: Add a Image Gallery VC Element to the Page.  2: Choose Image Grid Style in the "Image Gallery Settings" VC Options Popup. ...

Hosting Google fonts locally If you would like to keep using the available Google fonts within the Typography options, but need to host them locally to comply with GDPR, we recommend using the Local Google Fonts plugin.  The plugin will automaticall ...

Switching to legacy WooCommerce cart and checkout layouts In WooCommerce 8.3 and later versions, your cart and checkout pages will be created using the new WooCommerce blocks. This brings a new layout, which some may dislike compared to the previous legacy cart and checkout. If yo ...